Edit Code in left box and click Show Results button to see the result. | Home
<html> <!-- Mirrored from www.tutorialspoint.com/cgi-bin/practice.cgi?file=prototype_199 by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 01 Sep 2011 14:50:37 GMT --> <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack --> <head> <title>Prototype examples</title> <script type="text/javascript" src="../javascript/prototype.js"> </script> <script> function showResult() { var form = $('example'); var arr = form.getInputs('text'); var element = Form.serializeElements( arr ); alert("Serialized String : " + 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> <!-- Mirrored from www.tutorialspoint.com/cgi-bin/practice.cgi?file=prototype_199 by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 01 Sep 2011 14:50:37 GMT --> <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack --> </html> |