form属性

select要素のform属性は、select要素が所属するform要素を指定する属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

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

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

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

サンプルコード

<select form="sampleFormId">
	<option value="値Ａ">選択肢Ａ</option>
	<option value="値Ｂ">選択肢Ｂ</option>
	<option value="値Ｃ">選択肢Ｃ</option>
</select>
<form id="sampleFormId"></form>

サンプル

HTMLソースコード

<p>
	選択肢： 
	<select name="sampleName" form="sampleForm">
		<option value="値Ａ">選択肢Ａ</option>
		<option value="値Ｂ">選択肢Ｂ</option>
		<option value="値Ｃ">選択肢Ｃ</option>
	</select>
</p>
<p>
	<button type="submit" form="sampleForm">送信</button>
</p>
<form action="sample-select.php" method="post" target="_blank" id="sampleForm"></form>

実際の表示

選択肢：