HTML DOM教程 22HTML DOM Form 对象

HTML DOM教程 22-HTML DOM Form 对象

　　1：Form 对象

　　Form 对象代表一个 HTML 表单。

　　在 HTML 文档中 <form> 每出现一次，Form 对象就会被创建。

　　2：Form 对象的集合

集合	描述	IE	F	O	W3C
elements[]	包含表单中所有元素的数组。	5	1	9	Yes

　　3:Form 对象的属性

属性	描述	IE	F	O	W3C
acceptCharset	服务器可接受的字符集。	No	No	No	Yes
action	设置或返回表单的 action 属性。	5	1	9	Yes
enctype	设置或返回表单用来编码内容的 MIME 类型。	6	1	9	Yes
id	设置或返回表单的 id。	5	1	9	Yes
length	返回表单中的元素数目。	5	1	9	Yes
method	设置或返回将数据发送到服务器的 HTTP 方法。	5	1	9	Yes
name	设置或返回表单的名称。	5	1	9	Yes
target	设置或返回表单提交结果的 Frame 或 Window 名。	5	1	9	Yes

　　4:Standard Properties

属性	描述	IE	F	O	W3C
className	Sets or returns the class attribute of an element	5	1	9	Yes
dir	Sets or returns the direction of text	5	1	9	Yes
lang	Sets or returns the language code for an element	5	1	9	Yes
title	Sets or returns an element's advisory title	5	1	9	Yes

　　5:Form 对象的方法

方法	描述	IE	F	O	W3C
reset()	把表单的所有输入元素重置为它们的默认值。	5	1	9	Yes
submit()	提交表单。	5	1	9	Yes

　　6:Form 对象的事件句柄

事件句柄	描述	IE	F	O	W3C
onreset	在重置表单元素之前调用。	5	1	9	Yes
onsubmit	在提交表单之前调用。	5	1	9	Yes

　　7:submit() 方法　　

　　该方法提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用。

　　<html>

<head>

<script type="text/javascript">

function formSubmit(){

　　document.getElementById("myForm").submit()

}

</script>

</head>

<body>

<form id="myForm" action="js_form_action.asp" method="get">

Firstname: <input type="text" name="firstname" size="20"><br />

Lastname: <input type="text" name="lastname" size="20"><br /> <br />

<input type="button" onclick="formSubmit()" value="Submit">

</form>

</body>

　　</html>

　　8：reset() 方法

　　调用该方法的结果类似用户单击了 Reset 按钮的结果，只是表单的事件句柄 onreset 不会被调用。

<html>

<head>

<script type="text/javascript">

function formReset()
{
document.getElementById("myForm").reset()
}

</script>

</head>

<body>

<form id="myForm">

Name: <input type="text" size="20"><br />
Age: <input type="text" size="20"><br />
<br />
<input type="button" onclick="formReset()" value="Reset">

</form>

</body>

</html>