js 一个简单的遍历表单元素的实例

<code class="language-html">



  <form method="GET" action="">
    <input type="text" value="123">
    <input type="text" value="456">
    <input type="text" value="789">
    <input type="button" value="Go" onclick="doIt()">
  </form>
  <script>
  function doIt(){
        var form = document.forms[0]; // 获取页面中第一个form表单
        for (var i = 0; i < form.elements.length; i++){
            console.log(form.elements[i].value);
        }
    }
</script>

</code>

本实例中的表单又四个元素，分别为3个text文本域和一个button。

document.forms[0]用于获取文档中的第一个表单（该页面只有一个表单），然后使用length获取表单的长度，再使用for遍历表单元素并获取每个元素的值。

你可以把代码复制到这个页面运行一下。