HTML <button> form 属性

HTML <button> タグ

定義と使用方法

form 属性はボタンが属するフォームを指定します。

この属性の値は、同一ドキュメント内の <form> 要素の id 属性と同じでなければなりません。

例

フォーム外部に位置するボタン（しかし、それでもフォームの一部です）：

<form action="/action_page.php" method="get" id="form1">
<label for="fname">名：</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">姓：</label>
<input type="text" id="lname" name="lname">
</form>
<button type="submit" form="form1" value="提出">提出</button>

実際に試してみる

構文

<button form="form_id">

属性値

値 説明
form_id

<button> 元素が属するフォーム要素を指定します。

この属性の値は、同一ドキュメント内の <form> 元素の id 属性でなければなりません。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 16.0 4.0 5.1 9.5

ヒント：<button> form 属性は HTML 5 での新しい属性です。

HTML <button> タグ