欢迎光临新华电脑职业培训-现代电脑-新东方学校网站!
您现在所处的位置:福建百科 > 网络技术 >

泉州浮桥网页设计培训班的document.forms用法示例介绍-福建百科教育网-网络技术

作者:福建百科教育  时间:2020-02-21   点击数:   收藏  分享到:
0

泉州浮桥网页设计培训班的document.forms用法示例介绍-福建百科教育网


概述

forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素.

语法

var collection = document.forms;

例子

获取表单信息


	
  1.  
    <script type="text/javascript">
  2.  
    $(function(){
  3.  
    var thisForm = document.forms['form1']; //获取name为form1的form表单
  4.  
    //或者
  5.  
    //var thisForm = document.forms[0]; //获取第一个form表单
  6.  
    console.info(thisForm.username.value); //输出表单name属性值为form1的 username的值
  7.  
    console.info(thisForm.address.value);
  8.  
    document.forms[0].submit(); //表单提交
  9.  
    })
  10.  
    </script>
  11.  
    <body>
  12.  
    <!-- 以下为三个简单的form表单 -->
  13.  
    <form action="x" name="form1" >
  14.  
    <input type="text" name="username" value="zhangsan" />
  15.  
    <input type="text" name="address" value="beijing" />
  16.  
    </form>
  17.  
     
  18.  
    <form action="x" name="form2" >
  19.  
    </form>
  20.  
     
  21.  
    <form action="x" name="form3" >
  22.  
    </form>
  23.  
    </body>