Button

Support Key: [2|3|3.2| 4] [X1|X1.1] [IE4B1|M|N6B1|O5]
What is it?
Attributes
Tag Example
Parent/Content Model
Tips & Tricks
Browser Peculiarities
= Index DOT Html by Brian Wilson =
Main Index | Element Tree | Element Index | HTML Support History



   Quick Statistics   
End Tag:
   Required
Standards Details:
In all HTML 4.x/XHTML DTDs
XHTML Modules:
Forms
CSS 'display' Type:
"inline"
CSS Mapping:
NA
Default Rendering:
All markup and content is wrapped in an activate-able button widget.
Official Docs:
HTML 4.x, XHTML 1.1

What is it?
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.

Rendering details for the BUTTON element have a few suggested guidelines; The size can be suggested using style sheets, but the actual dimensions are determined by following these rules:
NOTE: HTML 4.0 considers the use of image maps in conjunction with images in the BUTTON element to be illegal.

Common Attributes
%Core%
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O4]
%Accessibility%
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6|O5]
%Events%
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O4]
%Language%
[2|3|3.2|4] [X1|X1.1] [IE4|M|N|O]
%Data%
[2|3|3.2|4] [X1|X1.1] [IE4|M|N|O]
%Editing%
[2|3|3.2|4] [X1|X1.1] [IE5.5|M|N|O]

Specific Attributes
Accesskey
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B2|O7]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
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.
Values: CDATA. [A single, case-insensitive character from a browser's character set.]
Disabled
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O7]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
This is a stand-alone attribute which indicates the element is initially non-functional. Disabled form elements should not be submitted to the form processing script.
Values: NA (HTML); disabled (XHTML)
Name
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O5]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
This attribute associates a symbolic name to the field when submitted to a form processing script.
Values: CDATA
Tabindex
[2|3|3.2|4] [X1|X1.1] [IE4B2|M|N6.1|O7]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
"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.
Values: Positive or negative integers.
Type
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O5]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
This attribute specifies the purpose that the button will fulfill: that of the traditional submit, reset or multi-purpose button.
Values: submit [DEFAULT] | reset | button
Value
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O5]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
This attribute represents the symbolic result of the button when activated.
Values: CDATA
Example
<button type="submit" name="helpbutton" tabindex="1">
    <img src="helpicon.gif" align="middle" /> Get the <strong>HELP</strong> that you need here...
</button>
Parent Model
%In-line Parent% | %Block Parent%
Content Model
%In-line Content% | %Block Content%
Exceptions: %Form Fields% | <A> | <Fieldset> | <Form> | <Isindex> |
Tips & Tricks Browser Peculiarities
Boring Copyright Stuff...