HTML入門 | HTML入力フォーム(Forms) | HTMLラベル(label)

label要素

label要素は、ユーザーがinput text、checkbox、radio buttonなどをより簡単に選択できるようにする。
label要素をクリックすると、input textの場合は自動的にフォーカスが移動し、checkboxやradio buttonの場合は自動的に選択される。
labelのfor属性の名前とフォーム要素のid値が一致するように、次のように記述すればよい。

<label for="html">HTML</label> <input type="checkbox" name="html" id="html">
<label for="css">CSS</label> <input type="checkbox" name="css" id="css">

コード実行