Copyright ©

HTML <button> tag



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:



<title>HTML body tag</title>
<body style="background-color:#f8f8f8">
<button name="button" value="OK" type="button">Click Me</button>

This will produce following result:

Online Practice:

To Become more comfortable - Do Online Practice


disableddisabledIf set to disabled then disables the button.
namebutton nameAssigns the name of the button control.
typesubmit (default)
Specifies the type of button.
valueinitial valueAssigns an initial value to the button.

Standard Attributes:

accesskeyAccess keys (or shortcut keys)
classDocument wide identifier
dirSpecifies the direction of the text
idDocument wide identifier
tabindexHelps determine the tabbing order when the user 'tabs' through the elements on the page.
titleSpecifies a title to associate with the element.
styleHelps to include inline casecadubf style sheet.
langSets the language code.

Event Attributes:

onfocusScript runs when the element gets focus
onblurScript runs when the element loses focus
onclickScript runs when a mouse click
ondblclickScript runs when a mouse double-click
onmousedownScript runs when mouse button is pressed
onmouseupScript runs when mouse button is released
onmouseoverScript runs when mouse pointer moves over an element
onmousemoveScript runs when mouse pointer moves
onmouseoutScript runs when mouse pointer moves out of an element
onkeypressScript runs when key is pressed and released
onkeydownScript runs when key is pressed
onkeyupScript runs when key is released

Copyright ©