HTML - label 要素

概要

名前
label
カテゴリー
  • Flow content
  • Phrasing content
  • Interactive content
  • Palpable content
配置できる場所
Phrasing content が期待される場所。
コンテンツモデル
なし。
説明
label 要素は、ユーザインターフェースのキャプション (フォーム部品のラベル) となる要素で特定のフォーム部品と関連付けることが可能です。ラベルのテキストを特定の部品と関連付けるには、関連付ける部品を label 要素の内容として含めるか、関連付ける部品の id 属性の値を label 要素の for 属性に指定します。
タグの省略
開始タグも終了タグも省略できません。
DOM Interface
HTMLLabelElement
仕様書
仕様書策定状況コメント
LS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

属性

属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
for
form×
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
for
label 要素と同一の文書内にあるラベル付け可能フォーム関連要素の id。文書中の for 属性の値と合致する id を持つ最初の要素がラベル付け可能な要素であれば、このラベル要素の示すラベル付きコントロールとなります。ラベル付け可能でなければ for 属性は効果がありません。他にも一致する id 値が文書内のその後にあっても考慮されません。for 属性が包含するコントロール要素を指すのであれば label 要素で for 属性と包含するコントロール要素の両方を持つことができます。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

form
非推奨。新しいウェブサイトでは使用しないでください。

サンプルコード

label 要素のサンプルコードは以下のとおりです。

<label>Click me <input type="text"></label>
label 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
34
Shares:
0
Tag:
HTML
hatebu icon
hatebu