Buttons are created as part of a form by using the tag with the TYPE attribute set to button in an HTML document.
Once created, buttons can be accessed in JavaScript as an element of a form using dot notation.
Arguments, Properties, Methods, and Event Handlers Associated with the Button Object are listed in the following table.
form
Returns the form object of a button.
name
The string specified in the NAME attribute of the HTML tag.
type
The string specified in the TYPE attribute of the HTML tag. This string is always button for the Button object.
value
The string that appears in the graphical representation of a button.
blur()
Removes focus from a button.
click()
Calls the button's onClick event handler.
focus()
Applies focus to a button.
handleEvent()
Passes an event to the appropriate event handler associated with a button.
onBlur
The handler invoked when focus is removed from a button.
onClick
The handler invoked when a button is clicked.
onFocus
The handler invoked when focus is applied to a button.
onMouseDown
The handler invoked when the mouse is clicked to select a button.
onMouseUp
The handler invoked when the mouse is clicked to unselect a button.
<html>
<h2>The Button NAME Property</h2>
<form name="myForm">
<input type="button"
value="Press here to see the name of this button"
name="myBigButton"
onClick="displayButtonName()">
<input type="text"
name="textBox">
</form>
<script language="JavaScript">
<!-- function displayButtonName()
{
document.myForm.textBox.value=document.myForm.myBigButton.name;
}
-->
</script>
</html>