4.2 KiB
元素
<button>元素继承了HTMLButtonElement接口。它有以下的实例属性。
（1）HTMLButtonElement.accessKey
HTMLButtonElement.accessKey属性返回一个字符串，表示键盘上对应的键，通过Alt + 这个键可以让按钮获得焦点。该属性可读写。
（2）HTMLButtonElement.autofocus
HTMLButtonElement.autofocus属性是一个布尔值，表示页面加载过程中，按钮是否会自动获得焦点。该属性可读写。
（3）HTMLButtonElement.disabled
HTMLButtonElement.disabled属性是一个布尔值，表示该按钮是否禁止点击。该属性可读写。
（4）HTMLButtonElement.form
HTMLButtonElement.form属性是一个表单元素，返回该按钮所在的表单。该属性只读。如果按钮不属于任何表单，该属性返回null。
（5）HTMLButtonElement.formAction
HTMLButtonElement.formAction返回一个字符串，表示表单提交的 URL。该属性可读写，一旦设置了值，点击按钮就会提交到该属性指定的 URL，而不是<form>元素指定的 URL。
（6）HTMLButtonElement.formEnctype
HTMLButtonElement.formEnctype属性是一个字符串，表示数据提交到服务器的编码类型。该属性可读写，一旦设置了值，点击按钮会按照该属性指定的编码方式，而不是<form>元素指定的编码方式。
该属性可以取以下的值。
application/x-www-form-urlencoded（默认值）multipart/form-data（上传文件的编码方式）text/plain
（7）HTMLButtonElement.formMethod
HTMLButtonElement.formMethod属性是一个字符串，表示浏览器提交表单的 HTTP 方法。该属性可读写，一旦设置了值，点击后就会采用该属性指定的 HTTP 方法，而不是<form>元素指定的编码方法。
（8）HTMLButtonElement.formNoValidate
HTMLButtonElement.formNoValidate属性是一个布尔值，表示点击按钮提交表单时，是否要跳过表单校验的步骤。该属性可读写，一旦设置会覆盖<form>元素的novalidate属性。
（9）HTMLButtonElement.formTarget
HTMLButtonElement.formTarget属性是一个字符串，指定了提交了表单以后，哪个窗口展示服务器返回的内容。该属性可读写，一旦设置会覆盖<form>元素的target属性。
（10）HTMLButtonElement.labels
HTMLButtonElement.labels返回NodeList实例，表示那些绑定按钮的<label>元素。该属性只读。
/* HTML 代码如下
<label id="label1" for="test">Label 1</label>
<button id="test">Button</button>
<label id="label2" for="test">Label 2</label>
*/
const button = document.getElementById('test');
for(var i = 0; i < button.labels.length; i++) {
console.log(button.labels[i].textContent);
}
// "Label 1"
// "Label 2"
上面代码中，两个<label>元素绑定<button>元素。button.labels返回这两个<label>元素。
（11）HTMLButtonElement.name
HTMLButtonElement.name属性是一个字符串，表示按钮元素的name属性。如果没有设置name属性，则返回空字符串。该属性可读写。
（12）HTMLButtonElement.tabIndex
HTMLButtonElement.tabIndex是一个整数，代表按钮元素的 Tab 键顺序。该属性可读写。
（13）HTMLButtonElement.type
HTMLButtonElement.type属性是一个字符串，表示按钮的行为。该属性可读写，可能取以下的值。
submit：默认值，表示提交表单。reset：重置表单。button：没有任何默认行为。
（14）HTMLButtonElement.validationMessage
HTMLButtonElement.validationMessage属性是一个字符串，表示没有通过校验时显示的提示信息。该属性只读。
（15）HTMLButtonElement.validity
HTMLButtonElement.validity属性返回该按钮的校验状态（ValidityState）。该属性只读。
（16）HTMLButtonElement.value
HTMLButtonElement.value属性返回该按钮绑定的值。该属性可读写。
（17）HTMLButtonElement.willValidate
HTMLButtonElement.willValidate属性是一个布尔值，表示该按钮提交表单时是否将被校验，默认为false。该属性只读。