HTML DOM教程 22-HTML 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" οnclick="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" οnclick="formReset()" value="Reset">

</form>

</body>

</html>

转载于:https://www.cnblogs.com/pricks/archive/2009/05/04/1449106.html

HTML DOM教程 22-HTML DOM Form 对象相关推荐

HTML DOM教程 14-HTML DOM Document 对象
HTML DOM教程 14-HTML DOM Document 对象 1:Document 对象 Document 对象代表整个 HTML 文档,可用来访问页面中的所有元素. Document 对象是 ...
HTML DOM教程 21-HTML DOM Event 对象
HTML DOM教程 21-HTML DOM Event 对象 1:Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与 ...
HTML DOM教程 19-HTML DOM Button 对象
HTML DOM教程 19-HTML DOM Button 对象 1:Button 对象 Button 对象代表一个按钮. 在 HTML 文档中 <button> 标签每出现一次,Butt ...
HTML DOM教程 24-HTML DOM Frameset 对象
HTML DOM教程 24-HTML DOM Frameset 对象 1:Frameset 对象 Frameset 对象代表一个 HTML 框架集. 2:Frameset 对象的属性属性描述 IE ...
HTML DOM教程 36-HTML DOM Link 对象
HTML DOM教程 36-HTML DOM Link 对象 1:Link 对象 Link 对象代表某个 HTML 的 <link> 元素.<link> 元素可定义两个链接文档 ...
HTML DOM教程 47-JavaScript Date 对象
HTML DOM教程 47-JavaScript Date 对象 Date 对象是 JavaScript 的一种内部数据类型. Date 对象没有可以直接读写的属性,所有对日期和时间值的访问都是通过其 ...
HTML DOM教程 37-HTML DOM Meta 对象
HTML DOM教程 37-HTML DOM Meta 对象 1:Meta 对象 Meta 对象代表 HTML 的一个 <meta> 元素. <meta> 元素可提供有关某个 ...
HTML DOM教程 23-HTML DOM Frame 对象
HTML DOM教程 23-HTML DOM Frame 对象 1:Frame 对象 Frame 对象代表一个 HTML 框架. 在 HTML 文档中 <frame> 每出现一次,就会创建 ...
python 全栈开发，Day51(常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍)...
昨日内容回顾 1.三种引入方式1.行内js <div onclick = 'add(3,4)'></div>//声明一个函数function add(a,b){}2.内接js& ...