form属性

input要素のform属性は、input要素が所属するform要素を指定する属性。

ブラウザ対応

構文

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

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

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

要点

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

form属性に対応しているinput要素のタイプ（type属性値）

text search tel url email password date time number range color checkbox radio file submit image reset button hidden

サンプルコード

<p>１行テキスト入力欄： <input type="text" name="sampleName" form="sampleFormId"></p>
<p><input type="submit" value="送信" form="sampleFormId"></p>
<form id="sampleFormId"></form>

サンプル

HTMLソースコード

<p>
	<label>
		１行テキスト入力欄：
		<input name="sampleName" form="sampleForm">
	</label>
</p>
<p>
	<input type="submit" value="送信" form="sampleForm">
</p>
<form action="sample-input-form.php" method="post" target="_blank" id="sampleForm"></form>

実際の表示