Button : Button « Form « JavaScript Tutorial

  1. JavaScript Tutorial
  2. Form
  3. Button




The Button object represents a graphical button.

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.

formReturns the form object of a button.
nameThe string specified in the NAME attribute of the HTML tag.
typeThe string specified in the TYPE attribute of the HTML tag. This string is always button for the Button object.
valueThe 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.
onBlurThe handler invoked when focus is removed from a button.
onClickThe handler invoked when a button is clicked.
onFocusThe handler invoked when focus is applied to a button.
onMouseDownThe handler invoked when the mouse is clicked to select a button.
onMouseUpThe 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>










10.6.Button
10.6.1.Button
10.6.2.Button.blur()
10.6.3.Button.click()
10.6.4.Button.focus()
10.6.5.Button.form
10.6.6.Button.name
10.6.7.Button.onBlur
10.6.8.Button.onClick
10.6.9.Button.onFocus
10.6.10.Button.onMouseDown
10.6.11.Button.onMouseUp
10.6.12.Button.type
10.6.13.Button.value
10.6.14.Retrieving Text in form button action
10.6.15.Button onclick action event