44 HTML button form 属性

HTML button form 属性

form 属性可以规定 <button> 元素属于哪个表单，请参考下述示例：

实例

位于表单之外的提交按钮(但是仍然是表单中的一部分)：

<form action="demo_form.html" method="get" id="nameform">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
</form>

<p>下面的按钮是在表单元素外，但仍是表单的一部分</p>

<button type="submit" form="nameform" value="提交">提交</button>

试一试

浏览器支持

除了Internet Explorer浏览器，其他主流浏览器都支持 form 属性。

定义和用法

form 属性规定按钮属于一个或多个表单。
提示： form 属性的值必须是按钮所属表单<form>的 id。
提示： 如需引用一个以上的表单，请使用空格分隔的列表。

HTML 4.01 与 HTML5之间的差异

form 属性是HTML5的新属性。

语法

<button form="form_id">

属性值

值描述
form_id按钮所属表单的 id。如需引用一个以上的表单，请使用空格分隔的列表。