Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】name属性の使い方

name属性の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

nameプロパティは、HTML要素に名前を割り当て、特にフォーム送信時やスクリプトによる操作時にその要素を識別するために使用される値を保持するプロパティです。この属性は多くのHTML要素で使用されますが、最も一般的なのは<input><textarea><select><button>といったフォームコントロール要素においてです。これらの要素にname属性を指定することで、ユーザーが入力または選択したデータがサーバーへ送信される際に、そのデータを識別するためのキーとして機能します。例えば、<input type="text" name="username">という要素では、ユーザーが入力した値が「username」という名前でサーバーに送られます。

また、ラジオボタン(<input type="radio">)においては、複数のラジオボタンに同じname属性値を設定することで、それらを一つのグループとして扱い、その中から一つだけを選択可能にする役割も持ちます。これにより、選択肢の中から単一の項目を選ぶインターフェースを簡単に実装できます。

さらに、<meta>要素では、name属性がドキュメントのメタデータ(例えば「description」でウェブページの概要、「keywords」で検索エンジン向けのキーワードなど)の種類を指定するために用いられます。<iframe>要素では、name属性がフレームの名前を定義し、他の要素のtarget属性などからそのフレームを参照できるようにします。

このように、nameプロパティは、ウェブページの機能性やインタラクティブ性を実現するために不可欠な属性であり、サーバーとのデータ連携やスクリプトによる要素の操作において重要な役割を果たします。

公式リファレンス: <meta> name attribute

構文(syntax)

1<input type="text" name="exampleName">

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ