forms 集合可返回對(duì)文檔中所有 Form 對(duì)象的引用。
<html>
<body>
<form name="Form1"></form>
<form name="Form2"></form>
<form name="Form3"></form>
<script type="text/javascript">
document.write("This document contains: ")
document.write(document.forms.length + " forms.")
</script>
</body>
</html>
Form 對(duì)象代表一個(gè) HTML 表單。
在 HTML 文檔中 <form> 每出現(xiàn)一次,F(xiàn)orm 對(duì)象就會(huì)被創(chuàng)建。
Form對(duì)象集合
elements[] 包含表單中所有元素的數(shù)組。元素在數(shù)組中出現(xiàn)的順序和它們?cè)诒韱蔚腍TML 源代碼中出現(xiàn)的順序相同。每個(gè)元素都有一個(gè) type 屬性,其字符串值說明了元素的類型。使用方法formObject.elements[].property。
如果 elements[] 元素具有名稱(input 標(biāo)簽的 id 或 name 屬性),那么該元素的名稱就是 formObject 的一個(gè)屬性,因此可以使用名稱而不是數(shù)字來引用 input 對(duì)象。舉例,假設(shè) x 是一個(gè) form 對(duì)象,其中的一個(gè) input 對(duì)象的名稱是 fname,則可以使用 x.fname 來引用該對(duì)象。
<html>
<body>
<form id="myForm">
Firstname: <input id="fname" type="text" value="Mickey" />
Lastname: <input id="lname" type="text" value="Mouse" />
<input id="sub" type="button" value="Submit" />
</form>
<p>Get the value of all the elements in the form:<br />
<script type="text/javascript">
var x=document.getElementById("myForm");
for (var i=0;i<x.length;i++)
{
document.write(x.elements[i].value);
document.write("<br />");
document.write(x.elements[i].type);
document.write("<br />");
}
</script>
</p>
</body>
</html>
Form對(duì)象屬性
acceptCharset
action
enctype
id
length
method
name
target
標(biāo)準(zhǔn)屬性
className 設(shè)置或返回元素的class屬性
...
Form 對(duì)象方法
reset() 重置
submit() 提交
Form 對(duì)象事件句柄
onreset
onsubmit