HTML <button> form 属性

HTML button 标签参考手册 HTML <button> 标签

form 属性表示该按钮所关联的表单元素 id。该属性的值必须是同一个文档中的 <form> 的 id 属性。如果该属性未指定， 且 <button> 存在上级 <form> 元素，则关联到该元素。通过该属性，<button> 元素可以关联到一个文档中的任意位置的 <form> 元素，而不仅仅是作为 <form> 元素的后代。

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

<form action="/plays/html-form-submit" method="get" id="nameform">
  姓: <input type="text" name="lname" /><br>
  名: <input type="text" name="fname" /><br>
</form>

<p>下面的按钮是在表单元素外,但仍是表单的一部分。</p>
<p>可通过该按钮提交上面的表单，同时该按钮的值也会提交过去。</p>
<button type="submit" form="nameform" name="submit" value="submit">提交</button>

尝试一下 »

语法

<button form="form-id">

属性值

  • form-id：一个字符串，表示按钮所属表单的 id，仅支持一个表单 id，不支持多个。

HTML 4.01 与 HTML5 之间的差异

form 属性是 HTML5 的新属性。

桌面浏览器兼容性

特性 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
form 属性 10 未实现[1] 4.0 (2.0) 未实现 10.1 5.1

移动浏览器兼容性

特性 Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
form 属性 3 未实现 54.0 (54) 未实现 (支持) 5.1

[1] Edge 浏览器的状态是：开发中

相关链接

HTML button 标签参考手册 HTML <button> 标签