form属性

label要素のform属性は、ラベル（label要素）が所属するform要素を指定する属性。

ブラウザ対応

構文

<label form="所属するform要素のid属性値"></label>

所属するform要素のid属性値

ラベルが所属するform要素のid属性値を指定する。

要点

  • form属性は、ラベル（label要素）が所属するform要素を指定する属性である。
  • ラベル（label要素）にform属性を指定しない場合は、直近の祖先要素であるform要素が所属フォームとなる。
  • form属性は、HTML5にて新たに導入された属性である。

サンプルコード

<label form="sampleFormId">チェックボックス： <input type="checkbox" name="sampleName" value="sampleValue" form="sampleFormId"></label>
<form id="sampleFormId">
	<p><input type="submit" value="送信"></p>
</form>

サンプル

HTMLソースコード

<p>
	<label form="sampleForm">
		チェックボックス：
		<input type="checkbox" name="sampleCheckbox" value="sampleCheckboxValue" form="sampleForm">
	</label>
</p>
<p>
	<label form="sampleForm">
		ラジオボタンＡ：
		<input type="radio" name="sampleRadio" value="sampleRadioValueA" form="sampleForm" checked>
	</label>
	<br>
	<label form="sampleForm">
		ラジオボタンＢ：
		<input type="radio" name="sampleRadio" value="sampleRadioValueB" form="sampleForm">
	</label>
</p>
<form action="sample-label-form.php" method="post" target="_blank" id="sampleForm">
	<p><input type="submit" value="送信"></p>
</form>

実際の表示