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

label”要素~“for”属性

記事Sep.24th, 2020
ラベルを入力欄に関連付ける属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

for”属性について

for”属性はlabel”要素の外にあるラベル付け可能要素label”要素と関連付ける属性です。

for”属性の値にはlabel”要素を関連付けるラベル付け可能要素id”属性の値を指定します。同じ文書にあるラベル付け可能要素であれば配置場所にかかわらず関連付けることができます。

ラベル付け可能要素label”要素の中に配置する場合は関連付けが明確であるため、“for”属性は不要です。

一つのラベル付け可能要素に複数のlabel”要素を関連付けることができますが、複数のラベル付け可能要素を一つのlabel”要素を関連付けることはできません。

指定できる値

属性値 説明
ID名 関連づけるラベル付け可能要素id”属性の値

サンプルコード

<form method="post" action="sample-textareatag1.php" target="_blank">
<fieldset>
<p><label for="comment">猫が好きですか?:</label></p>
<p><textarea name="comment" id="comment"></textarea></p>
</fieldset>
<p><input type="submit" value="送信する"></p>
</form>

*送信すると入力内容が表示されます。
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク