编辑这个页面须要登录或更高权限!

HTML: <button> form 属性

本文介绍HTML button form 属性的使用方法,在线实例演示如何使用HTML button form 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

 HTML <button> 标签

在线示例

位于表单外部(但仍是表单的一部分)的按钮:

<!DOCTYPE html>
<html>
<head>
<title>HTML:<button> form 属性 - 菜鸟教程 (cainiaojc.com)</title>
<body>
<form action="demo-form.php" method="get" id="form1">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
</form>
<p>下面的按钮是在表单元素外,但仍是表单的一部分。</p>
<button type="submit" form="form1" value="提交">提交</button>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

定义和用法

form属性指定按钮所属的一个或多个表单。

HTML 4.01 与 HTML5之间的差异

form 属性是HTML5的新属性。

语法

<button form="form_id">

属性值

描述
form_id按钮所属表单的 id。 如需引用一个以上的表单,请使用空格分隔的列表。
 HTML <button> 标签

HTML 参考手册
HTML 标签大全