Copyright © tutorialspoint.com

# Prototype Form findFirstElement() Method

This method finds first non-hidden, non-disabled form control.

## Syntax:

    form.findFirstElement();

## Return Value :

- It returns HTMLFormElement.

## Example:

    <html>
    <head>
    <title>Prototype examples</title>
       <script type="text/javascript"
       src="/javascript/prototype.js">
       </script>
    <script>

    function showResult()
    {
       var form = $('example');

       var element = form.findFirstElement();
       alert("First non hidden element : " + element.inspect() );

    }

    </script>
    </head>

    <body>

      <p>Click the button to see the result.</p>
      <br />

      <form id="example" action="#" onsubmit="return false">
      <fieldset><legend>User info</legend>
      <div><label for="username">Username:</label>
      <input name="username" id="username" value="Sulien" type="text">
      </div>
      <div><label for="age">Age:</label>
      <input name="age" id="age" value="23" size="3" type="text">
      </div>
      <div><label for="hobbies">Your hobbies are:</label>
      <select name="hobbies" id="hobbies" multiple="multiple">
        <option>coding</option>
        <option>swimming</option>
        <option>hiking</option>
        <option>drawing</option>
      </select></div>
      </fieldset>
      </form>

      <br />
      <input type="button" value="Result" onclick="showResult();"/>

    </body>
    </html>

To understand it in better way you can Try it yourself.

Copyright © tutorialspoint.com