窗体对象

forms[]; Form 表单对象 document.forms[] 是一个数组,包含了文档中所有的表单(<form>)。要引用单个表单,可以用 document.forms[x],但是一般来说,人们都会这样做:在<form>标记中加上“name="..."”属性,那么直接用“document.<表单名>”就可以引用了。

Form 对象的属性

name 返回表单的名称,也就是<form name="...">属性。

action 返回/设定表单的提交地址,也就是<form action="...">属性。

method 返回/设定表单的提交方法,也就是<form method="...">属性。

target 返回/设定表单提交后返回的窗口,也就是<form target="...">属性。

encoding 返回/设定表单提交内容的编码方式,也就是<form enctype="...">属性。

length 返回该表单所含元素的数目。

方法

reset() 重置表单。这与按下“重置”按钮是一样的。

submit() 提交表单。这与按下“提交”按钮是一样的。

事件

onReset; onSubmit

Button 按钮对象由“<input type="button">”指定。引用一个 Button 对象,

可以使用“<文档对象>.<表单对象>.<按钮名称>”。<按钮名称>指在<input>标记中的“name="..."”属性的值。引用任意表单元素都可以用这种方法。

窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互,而用不着在之前首先进行数据输入,就可以实现动态改变Web文档的行为。

窗体(Form):它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体,使用Forms[]数组来实现不同窗体的访问。

窗体对象最主要的功能就是能够直接访问HTML文档中的窗体,它封装了相关的HTML代码:

<Form

Name ="表的名称"

Target ="指定信息的提交窗口"

action ="接收窗体程序对应的URL"

Method =信息数据传送方式(get/post)

enctype ="窗体编码方式"

[onsubmit ="JavaScript代码"]>

</Form>

2、窗体对象的方法

窗体对象的方法只有一个--submit()方法,该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体,则使用下列格式:

document.mytest.submit()

3、窗体对象的属性

窗体对象中的属性主要包括以下:elements name action target encoding method.

除Elements外,其它几个均反映了窗体中标识中相应属性的状态,这通常是单个窗体标识;而elements常常是多个窗体元素值的数组,例:

elements[0].Mytable.elements[1]

4、访问窗体对象

在JavaScript中访问窗体对象可由两种方法实现:

(1)通过访问窗体

在窗体对象的属性中首先必须指定其窗体名,而后就可以通过下列标识访问窗体如:document.Mytable()。

(2)通过数组来访问窗体

除了使用窗体名来访问窗体外,还可以使用窗体对象数组来访问窗体对象。但需要注意一点,因窗体对象是由浏览器环境的提供的,而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问:

document.forms[0]

document.forms[1]

document.forms[2]...

5、引用窗体的先决条件

在JavaScript中要对窗体引用的条件是:必须先在页面中用标识创建窗体,并将定义窗体部分放在引用之前。

使用forms和elements对象访问字段

forms对象:HTML文件所有窗体标签<forM>的对象集合;

Elements对象:各窗体对象内所有字段对象的集合;

他们均为数组对象;

document.form[0].elements[0].value

面向对象的思想首次把数据和代码结合成统一体,并以一个简单的对象概念呈现给编程都,这一下子就将原来那些杂乱的算法与子程序以及纠缠不清的复杂数据结构,划分成清晰而有序的对象结构;