form.elements[i]

原生js操作form的一些方法，来看下面写的这个demo,这个demo是展示了一下form.eleemnts[i]的意义和用法：

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>form.elements</title>
 </head>
 <body>
     <div class="wrap">
         <form>
             <p>
                 <label for="username">
                     用户名：
                 </label>
                 <input type="text" placeholder="请输入用户名">
             </p>
             <p>
                 <label for="psw">
                     密码：
                 </label>
                 <input type="text" placeholder="请输入密码">
             </p>
             <p><input type="submit" value="登录"></p>
         </form>
         <form>
             <p>
                 <label for="username">
                     用户名：
                 </label>
                 <input type="text" placeholder="请输入用户名" value="xiaoming">
             </p>
             <p>
                 <label for="psw">
                     密码：
                 </label>
                 <input type="text" placeholder="请输入密码" value="123455">
             </p>
             <p>
                 <label for="pswok">
                     密码：
                 </label>
                 <input type="text" placeholder="请输入密码" value="123455">
             </p>
             <p><input type="submit" value="注册"></p>
         </form>
     </div>
     <script>
         window.onload = function(){
             var form1 = window.document.forms[0];
             var form2 = window.document.forms[1];
             document.write("form1的长度："+form1.length+"------"+"form2的长度："+form2.length+"<br />");

             //需求：打印form2中所有input的value与input
             for(var i=0; i<form2.length; i++){
                 document.write(form2.elements[i].value);
                 document.write("<br />");
                 document.write(form2.elements[i].type);
                 document.write("<br />");
             }

             // 需求：循环遍历，如果input的type==text,则清空input的value值
             for(var i=0; i<form2.length; i++){
                 if(form2.elements[i].type == 'text'){
                     form2.elements[i].value =''
                 }
             }
         }
     </script>
 </body>
 </html>

感兴趣的，多练习一下，就明白我们获取form的方法和form.elements[i]的意义了，希望这个demo对你有所帮助。