HTML <label>

<label> はフォームの部品にラベルをつける HTML タグです。ラベルとは、フォームの部品に関連付けられた文字列のことです。例えば、チェックボックスにラベルを付けると、ラベルの文字列をクリックしてもチェックボックスをクリックしたことになります。

構文

タグ名、属性名および属性値は大文字と小文字を区別しない。開始タグ（<label>）と終了タグ（</label>）は省略できない。

<label>
  <!-- phrasing content -->
</label>
<LABEL>
  <!-- phrasing content -->
</LABEL>

コンテンツ・モデル

label 要素の開始タグ（<label>）と終了タグ（</label>）の間には、フレージング・コンテンツを含めることができる。

属性

グローバル属性のほか、次に示す属性を label 要素に指定できる。

for
関連付けるフォーム部品の ID を指定します。

例

HTMLタグ <label> の使用例と表示サンプルを次に示します。表示結果はブラウザによって異なることがあります。 

<form>
  <input type="checkbox" id="cb1" value="1">
    文字列をクリックしてもチェックされません<br>
  <input type="checkbox" id="cb2" value="2">
  <label for="cb2">文字列をクリックするとチェックされます</label>
</form>
文字列をクリックしてもチェックされません

JavaScript

JavaScriptからは HTMLLabelElement インタフェースを通じてform要素へアクセスできる。

HTMLLabelElement のプロパティを以下に示す。

for
関連付けるフォーム部品の ID を指定します。

HTMLLabelElement インタフェースは HTMLElement インタフェースを継承しているため、HTMLElement のプロパティやメソッドも利用できる。

関連記事

<fieldset>

<form>

<legend>

<optgroup>

<option>

参考文献

Web Hypertext Application Technology Working Group (2025) HTML Living Standard