<label>

概要

<label> 要素はユーザーインターフェースのアイテムにキャプションを関連付けます。for 属性でフォームコントロールと紐付けます。

対応ブラウザ

基本構文

<!-- for 属性で紐付け -->
<label for="username">ユーザー名:</label>
<input type="text" id="username">

<!-- 入れ子で紐付け -->
<label>メール: <input type="email"></label>

実務での使いどころ

• <label> の活用

  フォームコントロールにラベルを関連付ける要素。アクセシビリティに必須。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — <label>