- <input type="button"> 是 <input> 元素的特殊版本，被用来创建一个没有默认值的可点击按钮
- 浏览器生成一个控件没有默认值的可点击按钮。该按钮上可有任何标签。该控件在不同的浏览器上，可能有不同的样式
|
属性 |
说明 |
||||||||||
|
name |
按钮的名称，该按钮与表单数据一起提交 |
||||||||||
|
type |
按钮的类型。可能的值包括：
|
||||||||||
|
value |
按钮的初始值。 |
||||||||||
|
disabled |
此布尔属性指示用户无法与按钮进行交互。如果未指定此属性，则按钮将从包含元素继承其设置，例如<fieldset> 如果没有设置了禁用属性的包含元素，则启用该按钮。禁用的控件的值不会随窗体一起提交，并且不会在禁用的控件上调度事件 |
||||||||||
|
autofocus |
此布尔属性允许您指定按钮在加载页面时应具有输入焦点，除非用户重写它，例如通过键入其他控件。文档中只有一个与表单关联的元素可以指定此属性 |
||||||||||
|
form |
与按钮关联的表单元素（其表单所有者）。该属性的值必须是同一文档中<form> 元素的 id 属性。如果未指定此属性，则该元素必须是表单元素的后代。使用此属性可以将元素放置在文档中的任意位置，而不仅仅是作为其<form>元素的后代 |
||||||||||
|
formenctype |
由于输入元素是一个提交按钮，因此 formenctype 属性指定用于将表单提交到服务器的内容类型。可能的值包括：
|
||||||||||
|
formaction |
处理按钮提交的信息的程序的 URI。如果指定，它将覆盖按钮的窗体所有者的action属性 |
||||||||||
|
formmethod |
由于输入元素是一个提交按钮，因此表单方法属性指定浏览器用于提交表单的 HTTP 方法。可能的值包括：
|
||||||||||
|
formnovalidate |
由于输入元素是一个提交按钮，因此表单novalidate 属性指定在提交表单时不对其进行验证。如果指定了此属性，它将覆盖元素的窗体所有者的 novalidate 属性。这是一个布尔属性。 |
||||||||||
|
formtarget |
由于输入元素是提交按钮，因此 formtarget 属性是一个名称或关键字，指示在何处显示提交表单后收到的响应。这是浏览上下文（例如，选项卡、窗口或内联框架）的名称或关键字。如果指定了此属性，它将覆盖元素的窗体所有者的 target 属性。以下关键字具有特殊含义：
|
示例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
<body> <form> <input type="button" value="Click me"> </form> </body>
</html> |
浏览器运行结果如下：
注
- 它已经在 HTML5 被 <button>元素取代
来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/button>