Button.type

Button.type : Button : Form JAVASCRIPT TUTORIALS

Button.type

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>

HTML code for linking to this page:

Button.type : Button : Form JAVASCRIPT TUTORIALS

JAVASCRIPT TUTORIALS » Form » Button »

JAVASCRIPT TUTORIALS