The <button> element represents a clickable button.

Example:

Button { type=ButtonType.button; "Click Me!" }
<button type="button">Click Me!</button>

Technical details about this element can be found on the Official W3C reference.

no subtypes hierarchy

Initializer
Button(Attribute<String> id = null, Attribute<String> clazz = null, Attribute<String> accessKey = null, Attribute<Boolean> contentEditable = null, Attribute<String> contextMenu = null, Attribute<Direction> dir = null, Attribute<Boolean> draggable = null, Attribute<DropZone> dropZone = null, Attribute<Boolean> hidden = null, Attribute<String> lang = null, Attribute<Boolean> spellcheck = null, Attribute<String> style = null, Attribute<Integer> tabIndex = null, Attribute<String> title = null, Attribute<Boolean> translate = null, Attribute<Boolean> autofocus = null, Attribute<Boolean> disabled = null, Attribute<String> form = null, Attribute<String> formaction = null, Attribute<String>|Attribute<FormEnctype> formenctype = null, Attribute<String>|Attribute<FormMethod> formmethod = null, Attribute<Boolean> formnovalidate = null, Attribute<String>|Attribute<FormTarget> formtarget = null, Attribute<String> name = null, Attribute<ButtonType> type = null, Attribute<String> val = null, Attributes attributes = [], {Content<PhrasingCategory>*} children = [])
Parameters:
  • id = null

    Attribute defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).

  • clazz = null

    Attribute defines a space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors.

  • accessKey = null

    Attribute provides a hint for generating a keyboard shortcut for the current element. This attribute consists of a space-separated list of characters. The browser should use the first one that exists on the computer keyboard layout.

  • contentEditable = null

    Attribute indicates if the element should be editable by the user. If so, the browser modifies its widget to allow editing.

  • contextMenu = null

    Attribute defines id of an menu element to use as the contextual menu for this element

  • dir = null

    Attribute indicates the directionality of the element's text.

  • draggable = null

    Attribute indicates whether the element can be dragged.

  • dropZone = null

    Attribute indicates what types of content can be dropped on an element.

  • hidden = null

    Attribute indicates that the element is not yet, or is no longer, relevant. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.

  • lang = null

    Attribute specifies the primary language for the element's contents and for any of the element's attributes that contain text. Its value must be a valid BCP 47 language tag, or the empty string. Setting the attribute to the empty string indicates that the primary language is unknown.

  • spellcheck = null

    Attribute defines whether the element may be checked for spelling errors.

  • style = null

    Attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files.

  • tabIndex = null

    Attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position.

  • title = null

    Attribute contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.

  • translate = null

    Attribute that is used to specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged.

  • autofocus = null

    Attribute lets you specify that the button 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 = null

    Attribute indicates that the user cannot interact with the button. If this attribute is not specified, the button inherits its setting from the containing element.

  • form = null

    Attribute specifies the form element that the button is associated with (its form owner).

  • formaction = null

    Attribute specifies the URI of a program that processes the information submitted by the button. If specified, it overrides the action attribute of the button's form owner.

  • formenctype = null

    Attribute specifies the type of content that is used to submit the form to the server.

  • formmethod = null

    Attribute specifies the HTTP method that the browser uses to submit the form.

  • formnovalidate = null

    Attribute specifies that the form is not to be validated when it is submitted. If this attribute is specified, it overrides the novalidate attribute of the button's form owner.

  • formtarget = null

    Attribute is a name or keyword indicating where to display the response that is received after submitting the form. This is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame).

  • name = null

    Attribute represents the name of the button, which is submitted with the form data.

  • type = null

    Attribute represents the type of the button.

  • val = null

    Attribute specifies the initial value of the button.

  • attributes = []

    The attributes associated with this element.

  • children = []

    The children of this element.

Attributes
childrenSource Codeshared actual {Content<PhrasingCategory>*} children

The children of this element.

Inherited Attributes
Attributes inherited from: Element
Attributes inherited from: Node
Attributes inherited from: Object
Inherited Methods
Methods inherited from: Object