Form.elements.length : Form Object « Form « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Form
  3. Form Object

The elements.length property specifies the number of items in the elements array.

Each item in the array refers to an object in the HTML form.

<html>
    <head>
    <title> Using the elements.length property of the Form object</title>
    </head>
    <body>
    <script language="JavaScript">
    <!--
    function getNum(){
         var numOfElements = document.form1.elements.length;
         alert("The number of elements in this document are:" + numOfElements);
    }
    -->
    </script>
    <form name="form1">
    Dummy text box:
    <input type="text" name="textbox1" size="25">
    <br>
    <input type="button" value="Dummy Button">
    <input type="text" size="20" name="Sample">
    <br><br>
    Click on the button to get the number of elements in this form.
    <input type="button" value="Get Elements" onClick='getNum()'>
    </form>
    </body>
    </html>








10.2.Form Object
10.2.1.Form
10.2.2.Using the Forms Array
10.2.3.Form.action
10.2.4.Form.elements
10.2.5.Form.elements.length
10.2.6.form.encoding
10.2.7.Form.handleEvent()
10.2.8.Form.length
10.2.9.Form.method
10.2.10.Form.name
10.2.11.Form.onReset
10.2.12.Form.onSubmit
10.2.13.Form.reset()
10.2.14.Form.submit()
10.2.15.Form.target