HTML Home
HTML Tags Reference
Selected Reading
© 2011 TutorialsPoint.COM
|
HTML <button> tag
Function:
The HTML <button> tag is used for creating a button within forms. Button can be created using <input> tag as well.
Difference between HTML and XHTML:
NONE
Example:
<html>
<head>
<title>HTML body tag</title>
</head>
<body style="background-color:#f8f8f8">
<form>
<button name="button" value="OK" type="button">Click Me</button>
</form>
</body>
</html>
|
This will produce following result:
Online Practice:
To Become more comfortable - Do Online Practice
Attributes:
Attribute | Value | Description |
disabled | disabled | If set to disabled then disables the button. |
name | button name | Assigns the name of the button control. |
type | submit (default) reset button
| Specifies the type of button. |
value | initial value | Assigns an initial value to the button. |
Standard Attributes:
Attribute | Description |
accesskey | Access keys (or shortcut keys) |
class | Document wide identifier |
dir | Specifies the direction of the text |
id | Document wide identifier |
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. |
style | Helps to include inline casecadubf style sheet. |
lang | Sets the language code. |
Event Attributes:
Attribute | Description |
onfocus | Script runs when the element gets focus |
onblur | Script runs when the element loses focus |
onclick | Script runs when a mouse click |
ondblclick | Script runs when a mouse double-click |
onmousedown | Script runs when mouse button is pressed |
onmouseup | Script runs when mouse button is released |
onmouseover | Script runs when mouse pointer moves over an element |
onmousemove | Script runs when mouse pointer moves |
onmouseout | Script runs when mouse pointer moves out of an element |
onkeypress | Script runs when key is pressed and released |
onkeydown | Script runs when key is pressed |
onkeyup | Script runs when key is released |
|
|
|