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日
同じカテゴリー(属性)のエントリー
- optimum属性
- high属性
- low属性
- from属性
- keytype属性
- challenge属性
- wrap属性
- rows属性
- cols属性
- selected属性
- menu属性
- disabled属性
- autofocus属性
- step属性
- size属性
- required属性
- readonly属性
- placeholder属性
- pattern属性
- multiple属性
- minlength属性
- min属性
- maxlength属性
- max属性
- list属性
- inputmode属性
- formtarget属性
- formnovalidate属性
- formmethod属性
- formenctype属性
- formaction属性
- dirname属性
- checked属性
- accept属性
- for属性
- novalidate属性
- method属性
- enctype属性
- autocomplete属性
- action属性
- accept-charset属性
- sorted属性
- abbr属性
- scope属性
- headers属性
- rowspan属性
- colspan属性
- span属性
- open属性
- srcset属性
- border属性
- sortable属性
- hreflang属性
- rel属性
- shape属性
- coords属性
- default属性
- label属性
- srclang属性
- kind属性
- media属性
- controls属性
- muted属性
- loop属性
- mediagroup属性
- autoplay属性
- preload属性
- poster属性
- form属性
- typemustmatch属性
- data属性
- seamless属性
- sandbox属性
- name属性
- srcdoc属性
- ismap属性
- height属性
- width属性
- usemap属性
- alt属性
- scoped属性
- datetime属性
- download属性
- target属性
- href属性
- value属性
- crossorigin属性
- defer属性
- async属性
- charset属性
- src属性
- cite属性
- type属性
- start属性
- reversed属性
- manifest属性