label

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 フィールドのラベル
読み方 ラベル

カテゴリー

フロー・コンテンツ/フレージング・コンテンツ/インタラクティブ・コンテンツ/フォーム関連要素

親にできる要素/カテゴリー

フレージング・コンテンツが期待される場所

子にできる要素/カテゴリー

フレージング・コンテンツ
ただし、そのlabel要素によってラベル付けされたコントロールがあれば、他のラベル付け可能なフォーム関連要素を子孫に含まないこと
かつ、label要素を子孫に含まないこと

<label 属性="値">~</label>

属性 概要
form 文字列 フォームの名前
for 文字列 ラベル付けするコントロールのid属性の値

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 label要素は、フォームのコントロールに付けるラベルを表します。ラベルが付けられたコントロールを、「ラベル付きコントロール」と呼びます。

 コントロールにラベル付けするには、label要素のfor属性で対象のコントロールのid属性の値を指定するか、あるいは対象のコントロールをlabel要素の中に入れます。

 form属性は、ラベルが属するフォームの名前を明示する場合に使います。

 一般に、label要素の部分をクリックすると、ラベル付けしたコントロールをクリックしたのと同じような動作が起こります。

サンプル

(body要素の内部のみ掲載)

<form action="server.cgi" method="post">
<p><label>ユーザー名:<input type="text" name="username"></label></p>
<p><label>パスワード:<input type="password" name="pass"></label></p>
<p><input type="submit" value="送信"></p>
</form>

サンプル実行画像

Powered by Web Professional

目次