<ラベル>

HTML <label> ラベル

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>点击其中一个文本标签选中选项：</p>

<form action="demo_form.phpp">
  <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>

</body>
</html>

インスタンスの実行»

[インスタンスの実行] ボタンをクリックしてオンラインインスタンスを表示します

ブラウザのサポート

最も閲覧されているこれまでのところ、ブラウザは <label> ラベルをサポートしています。

ラベルの定義と使用方法

<label> ラベルは、入力要素のラベル (マーク) を定義します。

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

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

ヒントとメモ

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

HTML 4.01とHTML5の違い

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

属性

新しい: HTML5 の新しい属性。

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

グローバル属性

<label> ラベルはグローバル属性をサポートしています。完全な属性テーブル HTML グローバル属性を表示します。

イベント属性

<label> label はすべての HTML イベント属性をサポートします。