Copyright © tutorialspoint.com
This method enables a fully or partially disabled form. Enabling the form is done by iterating over form elements and enabling them.
form.enable(); |
<html> <head> <title>Prototype examples</title> <script type="text/javascript" src="/javascript/prototype.js"> </script> <script> function showResult() { var form = $('example'); form[form.disabled ? 'enable' : 'disable'](); form.disabled = !form.disabled; } </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> <div class="buttonrow"> <button onclick="showResult();">Toggle disabled!</button> </div> </fieldset> </form> </body> </html> |
To understand it in better way you can Try it yourself.
Copyright © tutorialspoint.com