Accessing and Writing Information

Accessing and Writing Information : Elements : Form JAVASCRIPT TUTORIALS

JAVASCRIPT TUTORIALS » Form » Elements »

Accessing and Writing Information

The form object contains an elements array.

The elements array are indexed in the order they appear, and you can access a specific element by its NAME instead of index number.

Using Different Methods of Accessing Form Elements



<HTML>
<HEAD>
<TITLE>Example of Accessing Form Elements</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function showCar(){
      var car = document.pref.elements[0].value;
      alert("Your favorite car is: " + car);
    }
    function showColor(){
      var color = document.pref.color.value;
      alert("Your favorite color is: " + color);
    }
    // End hide-->
    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM NAME="pref" METHOD=POST>
    Enter the name of your favorite car:
      <INPUT TYPE="text" NAME="car" SIZE=25>
      <INPUT TYPE="BUTTON" NAME="carButton" VALUE="Show Car" onClick="showCar(this.form)">
    <BR>
    Enter your favorite color:
      <INPUT TYPE="text" NAME="color" SIZE=15>
      <INPUT TYPE="BUTTON" NAME="colorButton" VALUE="Show Color" onClick="showColor(this.form)">
    </FORM>
    </BODY>
</HTML>