HTML 4 button Tag
Also see HTML5 <button>
Tag.
This page contains information about 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, which is the next version of HTML after HTML 4.01.
See HTML5 <button>
Tag for the HTML5 version of the above element.
Also see this list of HTML 5 tags for the latest version of HTML.