ButtonElement

extends Element › DOMElement › Node › EventTarget

Available on js

The HTMLButtonElement interface provides properties and methods (beyond the button object interface it also has available to them by inheritance) for manipulating the layout and presentation of button elements.

Documentation HTMLButtonElement by Mozilla Contributors, licensed under CC-BY-SA 2.5.

Variables

`autofocus:Bool`

Is a Boolean indicating whether or not the control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form-associated element in a document can have this attribute specified.

`disabled:Bool`

Is a Boolean indicating whether or not the control is disabled, meaning that it does not accept any clicks.

`read onlyform:FormElement`

Is a HTMLFormElement reflecting the form that this button is associated with. If the button is a descendant of a form element, then this attribute is the ID of that form element.

If the button is not a descendant of a form element, then the attribute can be the ID of any form element in the same document it is related to, or the null value if none matches.

`formAction:String`

Is a DOMString reflecting the URI of a resource that processes information submitted by the button. If specified, this attribute overrides the action attribute of the form element that owns this element.

`formEnctype:String`

Is a DOMString reflecting the type of content that is used to submit the form to the server. If specified, this attribute overrides the enctype attribute of the form element that owns this element.

`formMethod:String`

Is a DOMString reflecting the HTTP method that the browser uses to submit the form. If specified, this attribute overrides the method attribute of the form element that owns this element.

`formNoValidate:Bool`

Is a Boolean indicating that the form is not to be validated when it is submitted. If specified, this attribute overrides the novalidate attribute of the form element that owns this element.

`formTarget:String`

Is a DOMString reflecting a name or keyword indicating where to display the response that is received after submitting the form. If specified, this attribute overrides the target attribute of the form element that owns this element.

`read onlylabels:NodeList`

Is a NodeList that represents a list of label elements that are labels for this button.

`name:String`

Is a DOMString representing the name of the object when submitted with a form. {{HTMLVersionInline(5)}} If specified, it must not be the empty string.

`type:String`

Is a DOMString indicating the behavior of the button. This is an enumerated attribute with the following possible values:

"submit": The button submits the form. This is the default value if the attribute is not specified, {{HTMLVersionInline(5)}} or if it is dynamically changed to an empty or invalid value. "reset": The button resets the form. "button": The button does nothing. "menu": The button displays a menu. (experimental)

`read onlyvalidationMessage:String`

Is a DOMString representing the localized message that describes the validation constraints that the control does not satisfy (if any). This attribute is the empty string if the control is not a candidate for constraint validation (willValidate is false), or it satisfies its constraints.

`read onlyvalidity:ValidityState`

Is a ValidityState representing the validity states that this button is in.

`value:String`

Is a DOMString representing the current form control value of the button.

`read onlywillValidate:Bool`

Is a Boolean indicating whether the button is a candidate for constraint validation. It is false if any conditions bar it from constraint validation.