HTML 4 button Tag
Also see HTML5 <button> Tag.
This page is for the HTML 4 version of this element. For a more up to date version, see HTML5 <button> Tag.
The HTML button tag is used for creating a button within forms.
Although you can also use the <input> tag to create an HTML button, the <button> tag does have some advantages. In particular, you can place HTML between the <button></button> tags. This enables you to do things you wouldn't normally be able to with the <input> tag.
Example 1
Example 2
Attributes
| Attributes specific to this tag: | |
|---|---|
| Attribute | Description |
| name | Assigns the name of the button control. |
| value | Assigns an initial value to the button. |
| type | Specifies the type of button. Possible values:
|
| Other Attributes: | |
| Attribute | Description |
| class | Document wide identifier. |
| id | Document wide identifier |
| lang | Language code |
| dir | Specifies the direction of the text |
| disabled | Disables the button. The button won't work when clicked. It also cannot receive focus and will be skipped when tabbing. |
| accesskey | Access keys (or shortcut keys) |
| tabindex | Helps determine the tabbing order (when the user 'tabs' through the elements on the page). |
| title | Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). |
| style | Inline style (CSS) |
| onfocus | Intrinsic event (see event handlers) |
| onblur | Intrinsic event (see event handlers) |
| onclick | Intrinsic event (see event handlers) |
| ondbclick | Intrinsic event (see event handlers) |
| onmousedown | Intrinsic event (see event handlers) |
| onmouseup | Intrinsic event (see event handlers) |
| onmouseover | Intrinsic event (see event handlers) |
| onmousemove | Intrinsic event (see event handlers) |
| onmouseout | Intrinsic event (see event handlers) |
| onkeypress | Intrinsic event (see event handlers) |
| onkeydown | Intrinsic event (see event handlers) |
| onkeyup | Intrinsic event (see event handlers) |
HTML5 Tags
The information on this page is based on HTML version 4.01. Most modern browsers now support HTML5.
See HTML5 <button> Tag for the HTML5 version of the above element.
See this list of HTML tags for the latest list of HTML elements.