例
ラベルの付いた3つのラジオボタン：
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio"
name="gender" id="male" value="male"><br>
<label
for="female">Female</label>
<input type="radio" name="gender"
id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="Submit">
</form>
»それを自分で試してみてください 定義と使用法
<label>タグがためのラベルを定義し<input>要素。
<label>要素は、ユーザーのために何か特別なことのようにレンダリングされません。 ユーザーが内のテキストをクリックした場合しかし、それは、マウスのユーザーの利便性の向上を提供し<label>要素、それはコントロールを切り替えます。
forの属性<label>タグはに等しくなければならないidそれらを一緒に結合するために、関連する要素の属性。
ブラウザのサポート
| 素子 | |||||
|---|---|---|---|---|---|
| <label> | はい | はい | はい | はい | はい |
ヒントと注意事項
ヒント：ラベルを使用して、いずれかの要素にバインドすることができます"for"属性、または内部に要素を配置することによって<label>要素。
HTML 4.01とHTML5の違い
"form"属性はHTML5で新しく追加されました。
属性
= HTML5で追加。
| 属性 | 値 | 説明 |
|---|---|---|
| for | element_id | ラベルがバインドされたフォーム要素を指定します。 |
| form | form_id | ラベルが属する1以上のフォームを指定します。 |
グローバル属性
<label>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<label>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTML DOMリファレンス： ラベルオブジェクト
デフォルトのCSS設定
ほとんどのブラウザが表示されます<label>次のデフォルト値を持つ要素を：