This method gives keyboard focus to an element.
formElement.focus();
Following is the example to show how a control receives focus:
<html> <head> <title>Prototype examples</title> <script type="text/javascript" src="/javascript/prototype.js"> </script> <script> function showResult() { Form.Element.focus('age'); } </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="Sai" 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 :</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="Toggle" onclick="showResult();"/> </body> </html>
To understand it in better way you can Try it yourself.
Advertisement