Button.type : Button « Form « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Form
  3. Button

Syntax

document.form.button.type

The type property provides access to the TYPE attribute of the button.

This property is a read-only string that always contains button.

<html>
    <script language="JavaScript">
    <!--
    var buttonCount = 0;

    for(var x=0; x<document.mathForm.length; x++)
    {
      if(document.mathForm.elements[x].type=="button")
        buttonCount++;      
    }
    document.write("Please select one of the ",buttonCount);  

    document.write(" buttons above to find out the answer to the math problem.");

    -->
    </script>    
    <form name="mathForm">
      <input type="button"
             name="4plus2"
             value="(4 + 2)"
             onClick="document.mathForm.answer.value='(4 + 2) = 6'">
      <input type="button"
             name="4minus2"
             value="(4 - 2)"
             onClick="document.mathForm.answer.value='(4 - 2) = 2'"><HR>
      Answer:
      <input type="text" name="answer">
    </form>

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