Javascript Form How to - Get element count inside a form

Question

We would like to know how to get element count inside a form.

Answer


    <html>
    <body>
    <script language="JavaScript">
    function getNum(){<!--  ww  w.  j  a va 2s.  co m-->
         var numOfElements = document.form1.elements.length;
         console.log("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>

The code above is rendered as follows: