form属性

このエントリーをはてなブックマークに追加

form属性はform要素と関連付けを指定することができる属性です。

object要素

ojbect要素では、次のようにform要素のid属性をform属性に指定することでobject要素とform要素は関連付けられフォームの送信時にobject要素内のデータも送信されます。

<form id="form01" action="target.php">
  <input type="submit" value="送信">
</form>
<object form="form01" data="sample.jpeg">
  <input type="hidden" name="bar">
</object>

label要素

label要素では、次のようにform要素のid属性をform属性に指定することでlabel要素とform要素は関連付けられ、フォームの送信時にlabel要素内のデータも送信されます。

<form id="form01" action="target.php">
  <input type="submit" value="送信">
</form>
<label form="form01">
  <input type="hidden" name="bar">
</label>

input要素

input要素では、次のようにform要素のid属性をform属性に指定することでinput要素とform要素は関連付けられ、フォームの送信時にinput要素のデータも送信されます

<form id="form01" action="target.php">
  <input type="submit" value="送信">
</form>
<input type="hidden" form="form01>

button要素

button要素では次のようにform要素のid属性をform属性に指定することでbutton要素とform要素は関連付けられ、button要素を押下時に関連付けたform要素のデータが送信されます。

<form id="form01" action="target.php">
  <input type="text" value="データ">
</form>
<button form="form01">送信</button>

select要素

select要素では次のようにform要素のid属性をform属性に指定することでselect要素とform要素は関連付けられ、フォームの送信時にselect要素のデータも送信されます

<form id="form01" action="target.php">
	<input type="submit" value="送信">
</form>
<select form="form01">
	<option value="1"> Miner </option>
	<option value="2"> Puffer </option>
	<option value="3" selected> Snipey </option>
	<option value="4"> Max </option>
	<option value="5"> Firebot </option>
</select>

textarea要素

textarea要素では次のようにform要素のid属性をform属性に指定することでtextarea要素とform要素は関連付けられ、フォームの送信時にtextarea要素のデータも送信されます

<form id="form01" action="target.php">
	<input type="submit" value="送信">
</form>
<textarea form="form01"></textarea>

keygen要素

keygen要素ではform属性を利用することでform要素とkeygen要素を関連付けることができます。

<form id="form01" action="target.php">
	<input type="submit" value="送信">
</form>
<keygen form="form01">

fieldset要素

fieldset要素にform属性を指定することでfieldset要素とform要素を関連付けることができます。

<form id="form01" action="target.php">
	<input type="submit" value="送信">
</form>
<fieldset form="form01>
	<legend>Display</legend>
	<p><label><input type="radio" name="c" value="0" checked> Black on White</label></p>
	<p><label><input type="radio" name="c" value="1"> White on Black</label></p>
	<p><label><input type="checkbox" name="g"> Use grayscale</label></p>
</fieldset>

登録日 : 2014年01月07日 最終更新日 : 2015年2月8日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス