【表单】button
坑军之王
201
button标签是按钮，我们可以通过<button>标签来定义按钮。
在input元素的说明中，我们可以看见有一种使用方式：
<input type=’button’>这种使用方式与直接使用button定义按钮相比，在内容编辑方面可以更自由的放置文字、图片等内容。
可以使用css对button的样式进行编辑，同时，伪类选择器也是支持应用在button上的。
在使用方面上：如果按钮在表单中不是向服务器提交数据的话，最好把按钮的type属性设置为button，否则在按下按钮的时候会向服务器发送并加载（可能是不存在的）相应内容。
以下是button可使用的属性：
|
属性 |
可选值 |
说明 |
|
autofocus |
true/false |
指定按钮加载时是否有焦点 |
|
disabled |
true/false |
指定按钮是否能与用户交互 |
|
form |
form元素的id值 |
与对应form元素进行绑定 |
|
formation |
url |
覆盖对应form元素的action属性 |
|
formenctype |
application/x-www-form-urlencoded |
未指定时的默认值 |
|
multipart/form-data |
表单上传有文件时使用该属性 |
|
|
text/plain |
如果指定此属性，它将重写 button 的表单拥有者的enctype属性。 |
|
|
formmethod |
POST |
指定提交表单时采用POST请求 |
|
GET |
指定提交表单时采用GET请求 |
|
|
/ |
使按钮在提交时不进行验证，覆盖novalidate属性 |
|
|
formtarget |
_black |
提交信息后在新的选项卡中显示提交结果 |
|
_top |
提交信息后在整个页面显示提交结果 |
|
|
_self |
提交信息后在本页面显示提交结果（默认值） |
|
|
_parent |
提交信息后在父框架中显示提交结果 |
|
|
name |
自定义字符串 |
button的名称，与表单数据一起提交 |
|
type |
submit |
提交 |
|
|
reset |
重置表单内容 |
|
|
button |
单纯的按钮 |
|
value |
自定义内容 |
button的初始值 |