JavaScript 获取form所有表单元素
分类:实例代码
本章节介绍一下如何获取一个form表单下所有的表单元素。
方式非常的简单,代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script> window.onload=function(){ var form=document.myform var element=form.elements } </script> </head> <body> <form name="myform"> <input type="text" name="username" value="pipipi.net"><br> <input type="text" name="address" value="青岛市南区"><br> <select name="kecheng"> <option value="css教程" selected="">css教程</option> <option value="div教程">div教程</option> </select> </form> <input type="button" id="bt" value="查看效果"/> </body> </html>
使用如下代码就可以获取form下的表单元素集合:
form.elements
图示如下: