document.forms用法示例介绍

来源：互联网发布：touch.js 编辑：程序博客网时间：2024/05/17 08:43

document.forms用法示例介绍

forms 返回一个集合包含了了当前文档中的所有form元素，下面通过示例为大家介绍下document.forms用法,

概述

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

语法

var collection = document.forms;

例子

获取表单信息

<pre name="code" class="html"><pre name="code" class="html"><!-- 以下为三个简单的form表单 --><form action="x" name="form1" > <input type="text" name="username" value="zhangsan" /> <input type="text" name="address" value="beijing" /> </form>

<form action="x" name="form2" > </form>  <form action="x" name="form3" > </form>

<body> <pre name="code" class="html"><script type="text/javascript"> $(function(){ var thisForm = document.forms['form1']; //获取name为form1的form表单 //或者 //var thisForm = document.forms[0]; //获取第一个form表单 console.info(thisForm.username.value); //输出表单name属性值为form1的 username的值 console.info(thisForm.address.value); document.forms[0].submit(); //表单提交 }) </script>

</body>

转自：http://www.jb51.net/article/51559.htm

0 0