カテゴリー:
HTML5
閲覧数:613 配信日:2015-03-21 08:53
form属性
「formタグ」とは異なる
・HTML5 で新たに定められた属性
・使用することで、＜form＞外部に記述したフォーム関連要素と、<form> 要素を紐付けることが可能
<button>要素
form属性
<input>要素
form属性
具体例
<form>外部で使用している<button>を関連付け
<button form = "test">ボタン</button>
<form id = "test">
<input type="text" name="★★">
<input type="submit" value="送信">>
</form>
<form id = "test">
<input type="text" name="★★">
<input type="submit" value="送信">>
</form>
<form>外部で使用している<fieldset>を関連付け
<fieldset form = "test">
名前：<input type="text" name="★★">
電話：<input type="tel" name="tel">
メール：<input type="email" name="email">
住所：<input type="text" name="address">
</fieldset>
<form id="test">
<button type="submit">送信</button>
</form>
名前：<input type="text" name="★★">
電話：<input type="tel" name="tel">
メール：<input type="email" name="email">
住所：<input type="text" name="address">
</fieldset>
<form id="test">
<button type="submit">送信</button>
</form>
Link
・form内のbuttonとform外のbuttonの違い
・フォーム — HTML5 日本語訳