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	Inline elements except A, INPUT, SELECT, TEXTAREA, LABEL, BUTTON, and IFRAME Block-level elements except FORM, ISINDEX, and FIELDSET
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:

<BUTTON NAME=submit VALUE=modify ACCESSKEY=M>Modify information</BUTTON> <BUTTON NAME=submit VALUE=continue ACCESSKEY=C>Continue with application</BUTTON>
<BUTTON ACCESSKEY=S>Submit <IMG SRC="checkmark.gif" ALT="✔"></BUTTON> <BUTTON TYPE=reset ACCESSKEY=R>Reset <IMG SRC="x.gif" ALT="✘"></BUTTON>
<BUTTON TYPE=button ID=toggler ONCLICK="toggle()" ACCESSKEY=H>Hide <strong>non-strict</strong> attributes</BUTTON>

The ACCESSKEY attribute, used throughout the preceding examples, specifies a single Unicode character as a shortcut key for pressing the button. Entities (e.g. é) 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:

ONFOCUS, when the element receives focus;
ONBLUR, when the element loses focus.

More Information

BUTTON in W3C HTML 4.0 Recommendation

Home | HTML Tutorials | JavaScript Editor

Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!
1st JavaScript Editor.

→