<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>元素。该属性只读。

    1. /* HTML 代码如下
    2. <label id="label1" for="test">Label 1</label>
    3. <button id="test">Button</button>
    4. <label id="label2" for="test">Label 2</label>
    5. */
    6. const button = document.getElementById('test');
    7. for(var i = 0; i < button.labels.length; i++) {
    8. console.log(button.labels[i].textContent);
    9. }
    10. // "Label 1"
    11. // "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。该属性只读。