HTML <label>タグ

例

2つの入力フィールドと関連するラベルを持つ簡単なHTMLフォーム：

<form action="demo_form.php"> <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="sex" id="female" value="female"><br><br> <input type="submit" value="送信"> </form>

試してみる »

ブラウザサポート

現在、ほとんどのブラウザは <label> タグをサポートしています。

タグの定義と使用説明

<label> タグは input 要素のラベル（マーク）を定義します。

label 要素はユーザーに特別な効果を表示しません。ただし、マウスユーザーのユーザービリティを向上させます。label 要素内のテキストをクリックすると、このコントロールがトリガーされます。つまり、ユーザーがそのラベルを選択すると、ブラウザは自動的にフォーカスをそのラベルに関連するフォームコントロールに移動します。

<label> タグの for 属性は、関連する要素の id 属性と同じである必要があります。

ヒントと注記

ヒント：「for」属性はラベルを別の要素にバインドできます。「for」属性の値を、関連する要素の id 属性の値に設定してください。

HTML 4.01 と HTML5 の違い

「form」属性は HTML5 の新しい属性です。

属性

New：HTML5 の新属性。

属性	值	説明
for	element_id	label をどのフォーム要素にバインドするかを指定します。
formNew	form_id	label フィールドが属する1つ以上のフォームを指定します。

グローバル属性

<label> タグはグローバル属性をサポートしています。完全な属性表を参照してください。HTML グローバル属性。

イベント属性

<label> タグはすべてのHTML イベント属性。

その他の拡張

HTMLタグ