Input Type=Button
 
End Tag: Omitted
Support Key: 2 | 3 | 3.2 | 4 | IE3B1 | M | N1
What is it?
Attributes
Tag Example
Parent/Content Model
Tips & Tricks
Browser Peculiarities
= Index DOT Html by Brian Wilson [bloo@blooberry.com] =
Main Index | Top Of Tree | Tag Index | Tag History


What is it?
BUTTON is a TYPE attribute value to the INPUT element for FORMs. It places a button on an HTML form and uses scripting code to make the button perform an action you define (this is aside from the information that it sends in the Name/Value pair upon form submittal.) Note that this INPUT type does not actually initiate a form submission.

Common Attributes
%Core%
2 | 3 | 3.2 | 4 | IE4B1 | M | N
%Events%
2 | 3 | 3.2 | 4 | IE4B1 | M | N
%Language%
2 | 3 | 3.2 | 4 | IE?? | M | N

Specific Attributes
Accesskey
2 | 3 | 3.2 | 4 | IE4B1 | M | N
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:
A single, case-insensitive alphanumeric character from a browser's character set.
Disabled
2 | 3 | 3.2 | 4 | IE4B1 | M | N
Required? No
Description:
This is a stand-alone attribute which indicates the element is initially non-functional.
Values: NA
Height
2 | 3 | 3.2 | 4 | IE | M | N4B2
Required? No
Description:
This attribute explicitly specifies the height of the button widget in pixels.
Values: Positive integers.
Name
2 | 3 | 3.2 | 4 | IE3B1 | M | N1
Required? Yes
Description:
This is a required attribute that associates a symbolic name to the field for submittal to the form processing script.
Values: Alphanumeric characters.
onBlur
2 | 3 | 3.2 | 4 | IE4B1 | M | N
Required? No
Description:
A blur Event Handler executes Script code when a Text field in a form loses focus.
Values: Script statements or an external function call.
onChange
2 | 3 | 3.2 | 4 | IE | M | N
Required? No
Description:
A change Event Handler executes Script code when a Text field loses focus and its value has been modified. This Event Handler is used to validate data after it is modified by a user.
Values: Script statements or an external function call.
onClick
2 | 3 | 3.2 | 4 | IE3B1 | M | N2B3
Required? No
Description:
A click Event Handler executes Script code when an object on a form is clicked.
Values: Script statements or an external function call.
onFocus
2 | 3 | 3.2 | 4 | IE4B1 | M | N
Required? No
Description:
A focus Event Handler executes Script code when a Text field receives input focus by tabbing with the keyboard or clicking with the mouse. Selecting within a field results in a onSelect event, not a onFocus event.
Values: Script statements or an external function call.
onSelect
2 | 3 | 3.2 | 4 | IE | M | N
Required? No
Description:
A select Event Handler executes Script code when a user selects some of the text within a Text field.
Values: Script statements or an external function call.
Tabindex
2 | 3 | 3.2 | 4 | IE4B2 | M | N
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 | IE3B1 | M | N1
Required? Yes*
Description:
* This is the required TYPE attribute for this INPUT mechanism. From the strict view, the TYPE attribute is not required.
Values: BUTTON
Value
2 | 3 | 3.2 | 4 | IE3B1 | M | N1
Required? Yes
Description:
This is a required attribute representing the symbolic result of the button field when activated that is passed to the form processing script. It is also used to indicate a label to be displayed on the face of the button.
Values: Alphanumeric characters.
Width
2 | 3 | 3.2 | 4 | IE | M | N4B2
Required? No
Description:
This attribute explicitly specifies the width of the button widget in pixels.
Values: Positive integers.
Example
<form>
   <input TYPE="button" VALUE="Press Me" NAME="foo" onClick="test1(this.form)">
</form>
Parent Model
%In-line Parent% | %Block Parent%
Content Model
This element does not accept any content.
Tips & Tricks Browser Peculiarities
Boring Copyright Stuff...