label
フォーム内容のラベル

version 
2.0
3.2
4.0
5.0
分類(HTML5)
フロー・コンテンツ、フレージング・コンテンツ、インタラクティブ・コンテンツ
分類(HTML4)
inline要素
機能分類
フォーム
終了タグ

フォーム内容の説明、画像を関連付ける。
一般的なブラウザでは、label要素を使用してチェックボックスやラジオボタンに関連付けられたテキストをクリックしても、ボタンをクリックしたのと同じ結果になります。

  • *
    【属性】
    • -
      for
      各要素との関連付け
      versionHTML4で新設
    • -
      form
      form要素のid属性と関連付け
      versionHTML5で新設
  • *
    【例】

    <form action="html_tag/sample.php" method="post">
    name<input type="text" name="nx1">
    性別
    <label><input type="radio" name="nx2">男</label>
    <label><input type="radio" name="nx2">女</label>
    <input type="submit" value="送信">
    </form>

    あなたのブラウザでの見え方

  • *
    【関連タグ】

    form

  • *
    【バージョン】

    HTML4で新設