Posts Tagged ‘html button tag example’

HTML button tag


Description:

The HTML button tag inserts a button control in a form or document. Differently from the HTML input element using "button" in the "type" attribute, this button can contain other elements (i.e., HTML code).

Note: The behavior of the interactive content displayed inside an HTML button element varies from browser to browser.

Example:

Code View

<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>


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
Designed for Mytoptutorials.com