The Web Design Group

BUTTON - Button

Syntax <BUTTON>...</BUTTON>
Attribute Specifications
  • NAME=CDATA (key in submitted form)
  • VALUE=CDATA (value in submitted form)
  • TYPE=[ submit | reset | button ] (type of button)
  • DISABLED (disable button)
  • ACCESSKEY=Character (shortcut key)
  • TABINDEX=Number (position in tabbing order)
  • ONFOCUS=Script (element received focus)
  • ONBLUR=Script (element lost focus)
  • common attributes
Contents
Contained in Block-level elements, inline elements except BUTTON

The BUTTON element defines a submit button, reset button, or push button. Authors can also use INPUT to specify these buttons, but the BUTTON element allows richer labels, including images and emphasis. However, BUTTON is new in HTML 4.0 and poorly supported among current browsers, so INPUT is a more reliable choice at this time.

The TYPE attribute of BUTTON specifies the kind of button and takes the value submit (the default), reset, or button. The NAME and VALUE attributes determine the name/value pair sent to the server when a submit button is pushed. These attributes allow authors to provide multiple submit buttons and have the form handler take a different action depending on the submit button used.

Some examples of BUTTON follow:

The ACCESSKEY attribute, used throughout the preceding examples, specifies a single Unicode character as a shortcut key for pressing the button. Entities (e.g. &eacute;) may be used as the ACCESSKEY value.

The boolean DISABLED attribute makes the BUTTON element unavailable. The user is unable to push the button, the button cannot receive focus, and the button is skipped when navigating the document by tabbing.

The TABINDEX attribute specifies a number between 0 and 32767 to indicate the tabbing order of the button. A BUTTON element with TABINDEX=0 or no TABINDEX attribute will be visited after any elements with a positive TABINDEX. Among positive TABINDEX values, the lower number receives focus first. In the case of a tie, the element appearing first in the HTML document takes precedence.

The BUTTON element also takes a number of attributes to specify client-side scripting actions for various events. In addition to the core events common to most elements, BUTTON accepts the following event attributes:

More Information