このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

label要素:フォームの内容のラベル

記事Sep. 24th,2020
フォームの内容のラベルを表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

label”要素はフォームの内容のラベルを表す要素です。

input”要素textarea”要素などの入力欄にラベルを付けるために使用することができます。ラベルをクリックするとそのラベルに関連付けられた入力欄にフォーカスされたり、input”要素で表されるチェックボックス(type="checkbox")とラジオボタン(type="radio")の場合は選択状態になります。

ラベル付け可能要素は“label”要素の中に配置するかfor”属性によって“label”要素と関連づけることができます。

サンプルコード

<form method="post" action="sample-selecttag1.php" target="_blank">
<fieldset>
<p>
<label>
好きな魚:
<select name="fish">
<option value="">--選択--</option>
<option value="鮪">鮪</option>
<option value="鰹">鰹</option>
<option value="鮭">鮭</option>
<option value="鯵">鯵</option>
<option value="鮫">鮫</option>
</select>
</label>
</p>
</fieldset>
<p><input type="submit" value="送信する"></p>
</form>

*送信すると入力内容が表示されます。

属性と値

現行の仕様で定義されている属性

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性
for="" 関連づけるラベル付け可能要素 ID名 関連づけるラベル付け可能要素id”属性の値

過去に定義された属性

属性
属性 説明 説明
form=""注意 関連付けるフォーム ID名 関連づけるform”要素id”属性の値
accesskey="" 要素にアクセスキーを割り当てる 文字 ユニコード1文字によるアクセスキー
onfocus="" フォーカスされた時に実行されるスクリプト スクリプト フォーカスされた時に実行されるスクリプト
onblur="" フォーカスを失った時に実行されるスクリプト スクリプト フォーカスを失った時に実行されるスクリプト

仕様書

label”要素はHTML4.0から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<label>
定義あり

定義あり

定義あり

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク