button type=button – button with no additional semantics

ⓘ button type=button – button with no additional semantics # T

The button element with a type attribute whose value is "button" represents a button with no additional semantics.

Permitted contents #

phrasing content

Permitted attributes #

global attributes & name & disabled & form & type★ & value & common.attrs.aria or notAllowed & autofocus

ⓘ global attributes: Any attributes permitted globally.
ⓘ name = string #: The name part of the name/value pair associated with this element for the purposes of form submission.
ⓘ disabled = d:string "disabled" or d:string "" #: Specifies that the element represents a disabled control.
ⓘ form = ID reference NEW #: The value of the id attribute on the form with which to associate the element.
ⓘ type = d:string "button" #: Specifies that its button element is a button with no additional semantics.
ⓘ value = string #: The value part of the name/value pair associated with this button for the purposes of form submission.
aria = #: (detailed attribute description to come)
ⓘ autofocus = d:string "autofocus" or d:string "" NEW #: Specifies that the element represents a control to which a UA is meant to give focus as soon as the document is loaded.

Additional constraints and admonitions #

The interactive element “button” must not appear as a descendant of the “a” element.
The interactive element “button” must not appear as a descendant of the “button” element.
Any “button” element descendant of a “label” element with a “for” attribute must have an ID value that matches that “for” attribute.

Tag omission #

A button element must have both a start tag and an end tag.

Permitted parent elements #

any element that can contain phrasing elements

DOM interface #

interface HTMLButtonElement : HTMLElement {
           attribute boolean autofocus;
           attribute boolean disabled;
  readonly attribute HTMLFormElement? form;
           attribute DOMString formAction;
           attribute DOMString formEnctype;
           attribute DOMString formMethod;
           attribute boolean formNoValidate;
           attribute DOMString formTarget;
           attribute DOMString name;
           attribute DOMString type;
           attribute DOMString value;

  readonly attribute boolean willValidate;
  readonly attribute ValidityState validity;
  readonly attribute DOMString validationMessage;
  boolean checkValidity();
  void setCustomValidity(DOMString error);

  readonly attribute NodeList labels;
};

HTML 5: The Markup Language (ARIA Edition)