HTML5 <label> タグ
例
ラベル付きの2つのラジオボタン:
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
Try it yourself »
ブラウザ・サポート
<label> タグは、主要な全ブラウザがサポートしています。
定義と用法
<label> タグは、<input> 要素のラベルを定義します。
<label> 要素は、ユーザへ特別に何かをするわけではありません。しかしながら、
ユーザが label 要素内のテキストをクリックした場合、コントロールが切替るので、
マウス使用のユーザへの利便性向上を提供します。
<label> タグの for 属性は、バインドするためには、
関連する要素の id 属性と同じでなければなりません。
HTML 4.01 と HTML5 との相違点
"form" attribute is new in HTML5.
チップスと注意事項
チップ: ラベルは、"for" 属性を使用するか、または <label> 要素内に要素
を配置することによって、他の要素にバインドすることができます。
属性
New : HTML5 で新規追加。
| 属性 |
値 |
説明 |
| for |
element_id |
ラベルをバインドする要素を指定する |
| formNew |
form_id |
ラベルが属する 1つ以上のフォームを指定する |
グローバル属性
<label> タグは、HTML5におけるグローバル属性 もサポートします。
イベント属性
<label> タグは、HTML5におけるイベント属性 もサポートします。
|