最終更新：2026-09-12
<label>LABEL 要素
<label> 要素はフォーム部品のラベル（見出し）を定義します。for 属性で部品の id と関連付け、ラベルのクリックで部品にフォーカス・操作ができます。アクセシビリティとタッチ操作の向上に役立ちます。
| カテゴリ | フォーム |
|---|---|
| コンテンツモデル | フレージングコンテンツ（<label> の入れ子不可） |
| 許可される親要素 | フレージングコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </label> タグ |
| ステータス | 標準 |
📝 構文
<label for="username">ユーザー名:</label>
<input type="text" id="username">⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
for | Element ID | The ID of the associated form control. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <label> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
