HTML Reference Guide

Tag Index| Content List| HTML FAQ



The BUTTON element allows for the creation of richer form control widgets than the standard plain text used for BUTTON, RESET and SUBMIT fields available via the INPUT element. The use of the BUTTON element allows HTML formatting to be encapsulated within these control widgets. The BUTTON element can contain most any non interactive element such as character and block-level formatting.


accesskey - This is a method of giving access/focus to an active HTML element using a keyboard character. This is a common GUI paradigm also known as a "keyboard shortcut" or "keyboard accelerator" A single character is used as the value of this attribute. In addition, a platform-dependent key is usually used in combination with the ACCESSKEY character to access the functionality of the active field.

disabled - This is a stand-alone attribute which indicates the element is initially non-functional.

name - associates a symbolic name to the field when submitted to a form processing script.

onblur - A blur Event Handler executes script code when a hyperlink loses focus.

onfocus - A focus Event Handler executes script code when a hyperlink receives focus by tabbing with the keyboard or clicking with the mouse.

tabindex - "Tabbing" is a method of giving access/focus to an active HTML element using a standard keyboard sequence. All the active elements in a document can be cycled through using this sequence (ex: Windows TAB key.) The order of the active elements in this cycle is usually the order they occur in the document, but the TABINDEX attribute allows a different order to be established. The use of this attribute should create the following tabbing order cycle if the browser supports the attribute:

1.Active elements using the TABINDEX attribute with positive integers are navigated first. Low values are navigated first. 2.Active elements not specifying any TABINDEX attribute those elements carrying a DISABLED attribute or using negative TABINDEX values do not participate in the tabbing cycle.

type - This attribute specifies the purpose that the button will fulfill: that of the traditional submit, reset or multi-purpose button.

value - This attribute represents the symbolic result of the button when activated.

Example code:

<button TYPE=submit NAME=helpbutton TABINDEX=1>
<img SRC="image.gif" ALIGN=middle> Get the <strong>HELP</strong> that you need here...


See Also: