<label>

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

書式

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

コンテンツ・モデル

label 要素の開始タグと終了タグの間には、フレージング・コンテンツを含めることができる。具体的には、以下に示す要素である。

• テキスト
• <a>
• <abbr>
• <area>（マップ要素の子孫である場合）
• <audio>
• <b>
• <bdi>
• <bdo>
• <br>
• <button>
• <canvas>
• <cite>
• <code>
• <data>
• <datalist>
• <del>
• <dfn>
• <em>
• <embed>
• <i>
• <iframe>
• <img>
• <input>
• <ins>
• <kbd>
• <label>
• <link>（本文中で許可されている場合）
• <map>
• <mark>
• <math>
• <meta>（itemprop 属性が存在する場合）
• <meter>
• <noscript>
• <object>
• <output>
• <picture>
• <progress>
• <q>
• <ruby>
• <s>
• <samp>
• <script>
• <select>
• <slot>
• <small>
• <span>
• <strong>
• <sub>
• <sup>
• <svg>
• <template>
• <textarea>
• <time>
• <u>
• <var>
• <video>
• <wbr>
• 自律型カスタム要素

タグの省略

開始タグおよび終了タグは省略できない。

属性

accesskey

文字

for

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

onblur

スクリプト

onfocus

スクリプト

例

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要素へアクセスできる。

関連記事

<fieldset>

<form>

<legend>

<optgroup>

<option>

参考文献

Web Hypertext Application Technology Working Group. 2024. "Forms" HTML Living Standard