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

label”要素~“form”属性注意

記事Sep.24th, 2020
ラベルをフォームに関連付ける属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

form”属性について

form”属性はform”要素の外にあるlabel”要素form”要素と関連付ける属性です。

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

form”属性を省略した場合はlabel”要素は祖先要素となるform”要素に関連づけられます。

代替方法

HTML5.1でこの属性は廃止されているので使用するべきではありません。

代替方法はありません。

指定できる値

属性値 説明
ID名 関連づけるform”要素id”属性の値

サンプルコード

<p>
<label form="sample-form">
私は猫が好きです:
<input type="checkbox" name="cat" value="Yes" required form="sample-form">
</label>
</p>

...

<form method="post" action="../input/sample-inputtag7.php" target="_blank" id="sample-form">
<fieldset>
<legend>好きな果物</legend>
<p>
<label><input type="radio" name="fruit" value="甘蕉">甘蕉</label>
<label><input type="radio" name="fruit" value="林檎">林檎</label>
<label><input type="radio" name="fruit" value="甜瓜">甜瓜</label>
<label><input type="radio" name="fruit" value="苺">苺</label>
<label><input type="radio" name="fruit" value="桃">桃</label>
</p>
</fieldset>
<fieldset>
<legend>好きな野菜</legend>
<p>
<label><input type="radio" name="fruit" value="南瓜">南瓜</label>
<label><input type="radio" name="fruit" value="甘藍">甘藍</label>
<label><input type="radio" name="fruit" value="甘藷">甘藷</label>
<label><input type="radio" name="fruit" value="西瓜">西瓜</label>
<label><input type="radio" name="fruit" value="茄子">茄子</label>
</p>
</fieldset>
<p><input type="submit" value="送信する"></p>
</form>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク