第14章表单对象精选文档.ppt

《第14章表单对象精选文档.ppt》由会员分享，可在线阅读，更多相关《第14章表单对象精选文档.ppt（39页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第14章表单对象本讲稿第一页，共三十九页14.1 Form对象对象在在BOM中，每一个表单都可以看成是一个表单对象（中，每一个表单都可以看成是一个表单对象（Form Object）。）。在在Form对象中还有很多与表单控件相关的子对象，使用对象中还有很多与表单控件相关的子对象，使用Form对象和对象和其子对象，可以实现向服务器提交数据的功能，也可以增强与客户之其子对象，可以实现向服务器提交数据的功能，也可以增强与客户之间的互动功能。间的互动功能。本讲稿第二页，共三十九页14.1.1 表单的引用表单的引用在一个网页中可以同时存在多个表单，每个表单都会对应一个在一个网页中可以同时存在多个表单，每个

2、表单都会对应一个Form对象，假设有一个对象，假设有一个HTML文档的代码如代码清单文档的代码如代码清单14-1所示。所示。本讲稿第三页，共三十九页14.1.2 表单对象的属性表单对象的属性Form对象是由对象是由标签所创建的对象，所以该对象中的属性大多都与标签所创建的对象，所以该对象中的属性大多都与form元素相关，常用的元素相关，常用的Form对象的属性有以下几个。对象的属性有以下几个。id：用于返回：用于返回Form对象的对象的id，该属性的初始值由，该属性的初始值由标签中的标签中的id属性值决定。属性值决定。name：用于返回：用于返回Form对象的名称，该属性的初始值由对象的名称，该

3、属性的初始值由标签中的标签中的name属性值决定。属性值决定。method：该属性用于说明表单的提交方式。该属性的初始值由：该属性用于说明表单的提交方式。该属性的初始值由标签中的标签中的method属性属性值决定。值决定。action：该属性用于说明表单的提交的目标文档。该属性的初始值由：该属性用于说明表单的提交的目标文档。该属性的初始值由标签中的标签中的action属属性值决定。性值决定。target：该属性用于说明提交表单时的目标窗口。该属性的初始值由：该属性用于说明提交表单时的目标窗口。该属性的初始值由标签中的标签中的target属性属性值决定。值决定。encoding：该属性用于说明提

4、交表单时传递数据的编码方式。该属性的初始值由：该属性用于说明提交表单时传递数据的编码方式。该属性的初始值由标签标签中的中的enctype属性值所决定。属性值所决定。elements：该属性可以返回一个：该属性可以返回一个elements 数组，数组中的元素为表单中的控件对象。数组，数组中的元素为表单中的控件对象。length：该属性可以返回表单中的控件数量，相当于：该属性可以返回表单中的控件数量，相当于elements 数组的数组的length属性。属性。本讲稿第四页，共三十九页14.1.3 表单对象的方法和事件表单对象的方法和事件在表单中，可以产生的动作只有两种，即提交表单或重置表单。表单在

5、表单中，可以产生的动作只有两种，即提交表单或重置表单。表单对象的方法和事件分别与表单的这两种动作相对应。其中，表单对象对象的方法和事件分别与表单的这两种动作相对应。其中，表单对象的方法包括的方法包括submit()方法和方法和reset()方法。方法。submit()方法的作用是提方法的作用是提交表单，交表单，reset()方法的作用是重置表单。表单对象可以响应的事件为方法的作用是重置表单。表单对象可以响应的事件为submit事件和事件和reset事件。事件。submit事件是提交表单时产生的事件，事件是提交表单时产生的事件，reset事件是重置表单时产生的事件。事件是重置表单时产生的事件。本

6、讲稿第五页，共三十九页14.1.4 表单元素表单元素Form对象代表的是一个表单，而表单中通常都会拥有很多表单元素，这些表单元素可以用来创建对象代表的是一个表单，而表单中通常都会拥有很多表单元素，这些表单元素可以用来创建表单控件，常用的表单元素有以下几个。表单控件，常用的表单元素有以下几个。文本框：包括单行文本框（文本框：包括单行文本框（Text）、多行文本框（）、多行文本框（Textarea）和密码框（）和密码框（Password）。）。按钮：包括普通按钮（按钮：包括普通按钮（Button）、提交按钮（）、提交按钮（Submit）和重置按钮（）和重置按钮（Reset）。）。选择框：包括单选框

7、（选择框：包括单选框（Radio）和复选框（）和复选框（Checkbox）。）。下拉列表框：下拉列表框（下拉列表框：下拉列表框（Select）与单选择框的作用相似。）与单选择框的作用相似。文件选择框：文件选择框（文件选择框：文件选择框（FileUpload）可以让用户选择文件。）可以让用户选择文件。隐藏域：隐藏域（隐藏域：隐藏域（Hidden）在网页中看不到任何内容，但可以用于传递参数。）在网页中看不到任何内容，但可以用于传递参数。分组元素：分组元素（分组元素：分组元素（Fieldset）可以将表单中的元素进行分组。）可以将表单中的元素进行分组。BOM中没有分组对象，中没有分组对象，但分组元素

8、也是表单元素之一。但分组元素也是表单元素之一。本讲稿第六页，共三十九页14.1.5 验证表单数据验证表单数据在表单中使用得最多的应用就是验证表单数据，最常用的方法是使用在表单中使用得最多的应用就是验证表单数据，最常用的方法是使用Form对象的对象的submit事件，也就是在事件，也就是在标签中添加一个标签中添加一个onsubmit属性，将该属性值设为一个用于验证表单数据的函数。当属性，将该属性值设为一个用于验证表单数据的函数。当用户提交数据时，将会调用该函数，如果数据验证通过，该函数将返用户提交数据时，将会调用该函数，如果数据验证通过，该函数将返回回true，否则返回，否则返回false。on

9、submit属性可以接收到函数的返回值，属性可以接收到函数的返回值，如果返回值为如果返回值为true则提交表单，否则不提交表单。则提交表单，否则不提交表单。本讲稿第七页，共三十九页14.2 文本框文本框表单中的文本框有单行文本框、多行文本框和密码框表单中的文本框有单行文本框、多行文本框和密码框3种。在种。在BOM中中使用使用Text对象（对象（Text Object）来代表单行文本框，使用）来代表单行文本框，使用Textarea对对象（象（Textarea Object）来代表多行文本框，使用）来代表多行文本框，使用Password对象对象（Password Object）来代表密码框。）来代

10、表密码框。本讲稿第八页，共三十九页14.2.1 文本框的属性文本框的属性单行文本框、多行文本框和密码框的作用都是输入文本，只是在浏览单行文本框、多行文本框和密码框的作用都是输入文本，只是在浏览器中显示的形式不同。单行文本框只能显示一行文本，多行文本框可器中显示的形式不同。单行文本框只能显示一行文本，多行文本框可以显示多行文本，而密码框会将输入的文本使用掩码的形式输出。以显示多行文本，而密码框会将输入的文本使用掩码的形式输出。本讲稿第九页，共三十九页14.2.2 文本框的方法和事件文本框的方法和事件在在Text对象、对象、Textarea对象和对象和Password对象中常用的方法有以下对象中常

11、用的方法有以下3个。个。focus()：该方法可以让文本框得到焦点。：该方法可以让文本框得到焦点。blur()：该方法可以让文本框失去焦点。：该方法可以让文本框失去焦点。select()：该方法可以将文本框中的文字处于选中状态。：该方法可以将文本框中的文字处于选中状态。文本框可以响应的事件比文本框可以响应的事件比Form对象可以响应的事件多，常用的事件如下所示。对象可以响应的事件多，常用的事件如下所示。焦点相关：当文本框得到焦点时产生的焦点相关：当文本框得到焦点时产生的focus事件；当文本框失去焦点时产生的事件；当文本框失去焦点时产生的blur事件。事件。内容相关：当文本框中的文字被选择时产

12、生的内容相关：当文本框中的文字被选择时产生的select事件；当文本框中的文字改变时产生的事件；当文本框中的文字改变时产生的change事件，事件，该事件必须在文本框中的文字改变并失去焦点时才会产生。该事件必须在文本框中的文字改变并失去焦点时才会产生。鼠标事件：在文本框上单击时产生的鼠标事件：在文本框上单击时产生的click事件；在文本框上双击时产生的事件；在文本框上双击时产生的dblclick事件；在文本框上按事件；在文本框上按下鼠标键时产生的下鼠标键时产生的mousedown事件；在文本框上释放鼠标键时产生的事件；在文本框上释放鼠标键时产生的mouseup事件；在文本框上事件；在文本框上移

13、动光标时产生的移动光标时产生的mousemove事件；将光标移动到文本框上时产生的事件；将光标移动到文本框上时产生的mouseover事件；将光标从文事件；将光标从文本框上移开时产生的本框上移开时产生的mouseout事件。事件。键盘事件：当焦点在文本框上时按下键盘上的键时产生的键盘事件：当焦点在文本框上时按下键盘上的键时产生的keydown事件；当焦点在文本框上时释放键事件；当焦点在文本框上时释放键盘上的键时产生的盘上的键时产生的keyup事件；当焦点在文本框上时按下并释放键盘上的键时产生的事件；当焦点在文本框上时按下并释放键盘上的键时产生的keypress事件。事件。本讲稿第十页，共三十九

14、页14.2.3 限制文本框中输入的文字数限制文本框中输入的文字数在单行文本框或密码框中可以通过在单行文本框或密码框中可以通过maxLength属性来限制输入的文字属性来限制输入的文字数，但在多行文本框中没有数，但在多行文本框中没有maxLength属性，不能使用这种方法来限属性，不能使用这种方法来限制输入的文字数。制输入的文字数。本讲稿第十一页，共三十九页14.2.4 调整文本框大小调整文本框大小使用使用Text对象和对象和Password对象对象的的size属性、属性、Textarea对象的对象的rows属性和属性和cols属性可以设置文属性可以设置文本框的大小。本框的大小。本讲稿第十二页，

15、共三十九页14.2.5 人性化的文本框内容选择人性化的文本框内容选择假设有一个网页要实现如下功能。假设有一个网页要实现如下功能。1、在初始状态中，文本框中会显示提示内容，如、在初始状态中，文本框中会显示提示内容，如“请输入标题请输入标题”。2、如果用户要在该文本框中输入内容时，将文本框中的内容清空，、如果用户要在该文本框中输入内容时，将文本框中的内容清空，以便于用户输入内容。以便于用户输入内容。3、如果用户在文本框中没有输入内容，当用户将焦点从文本框中移、如果用户在文本框中没有输入内容，当用户将焦点从文本框中移出时，文本框回复到初始状态，即又显示出时，文本框回复到初始状态，即又显示“请输入标题

16、请输入标题”文字。文字。4、如果用户在文本框中输入了内容，当用户将焦点从文本框中移出、如果用户在文本框中输入了内容，当用户将焦点从文本框中移出时，文本框中的内容不能改变。时，文本框中的内容不能改变。5、如果用户在文本框中输入了内容，当用户将焦点再一次移入到文、如果用户在文本框中输入了内容，当用户将焦点再一次移入到文本框时，文本框中的内容不能被清空，只能处于选择状态，以便用户本框时，文本框中的内容不能被清空，只能处于选择状态，以便用户删除其中内容。删除其中内容。本讲稿第十三页，共三十九页14.3 按钮按钮表单中的按钮有普通按钮、提交按钮和重置按钮表单中的按钮有普通按钮、提交按钮和重置按钮3种。在

17、种。在BOM中使用中使用Button对象（对象（Button Object）来代表普通按钮、使用）来代表普通按钮、使用Submit对象对象（Submit Object）来代表提交按钮、使用）来代表提交按钮、使用Reset对象（对象（Reset Object）来代表重置按钮。）来代表重置按钮。本讲稿第十四页，共三十九页14.3.1 按钮的属性按钮的属性在表单对象中，按钮对象是比较简单的一种对象。普通按钮的主要作在表单对象中，按钮对象是比较简单的一种对象。普通按钮的主要作用是响应用户的用是响应用户的click事件，在用户单击按钮之后调用一段事件，在用户单击按钮之后调用一段JavaScript程序。

18、提交按钮的主要作用是提交表单，可以和程序。提交按钮的主要作用是提交表单，可以和Form对象的对象的submit事件结合使用，在单击提交按钮时对表单中的数据进行校验。重置按事件结合使用，在单击提交按钮时对表单中的数据进行校验。重置按钮的主要作用就是将表单中的所有控件的值恢复到默认状态。钮的主要作用就是将表单中的所有控件的值恢复到默认状态。本讲稿第十五页，共三十九页14.3.2 按钮的方法和事件按钮的方法和事件在按钮对象中使用最多的方法是在按钮对象中使用最多的方法是click()方法，该方法相当于单击按钮。方法，该方法相当于单击按钮。除此之外，在按钮中还会偶尔使用到除此之外，在按钮中还会偶尔使用到

19、focus()方法和方法和blur()方法将焦方法将焦点放在按钮上或将焦点从按钮中移开。点放在按钮上或将焦点从按钮中移开。本讲稿第十六页，共三十九页14.3.3 请仔细阅读注册条款请仔细阅读注册条款通常在一个网站中注册时，网站都会显示一段注册条歀，而有些用户通常在一个网站中注册时，网站都会显示一段注册条歀，而有些用户往往没有耐心去仔细阅读该注册条款就直接单击了往往没有耐心去仔细阅读该注册条款就直接单击了“同意条款同意条款”的按的按钮进行注册。为了让用户阅读注册条款，可以先将钮进行注册。为了让用户阅读注册条款，可以先将“同意条款同意条款”按钮按钮的状态设为禁用，在等待一段时间之后，再将该按钮设为

20、可用状态，的状态设为禁用，在等待一段时间之后，再将该按钮设为可用状态，用户就可以在这等待时间中阅读注册条款了。由于在这段时间中用户就可以在这等待时间中阅读注册条款了。由于在这段时间中“同同意条款意条款”的按钮是禁用的，为了避免用户误以为网站不能注册，可以的按钮是禁用的，为了避免用户误以为网站不能注册，可以每隔每隔1秒钟在按钮上使用文字来提示用户先阅读注册条款。秒钟在按钮上使用文字来提示用户先阅读注册条款。本讲稿第十七页，共三十九页14.4 选择框选择框表单中的选择框有单选框和复选框（又称多选框）两种。在表单中的选择框有单选框和复选框（又称多选框）两种。在BOM中使中使用用Radio对象（对象（

21、Radio Object）来代表单选框，使用）来代表单选框，使用Checkbox对象对象（Checkbox Object）来代表复选框。）来代表复选框。本讲稿第十八页，共三十九页14.4.1 选择框的属性选择框的属性单选框和复选框都是选择框，这两个选择框之间的最大区别就是单选单选框和复选框都是选择框，这两个选择框之间的最大区别就是单选框只能选择其中一个选项，而复选框可以选择多个选项。框只能选择其中一个选项，而复选框可以选择多个选项。Radio对象对象和和Checkbox对象所拥有的属性都是相同。对象所拥有的属性都是相同。本讲稿第十九页，共三十九页14.4.2 选择框的方法和事件选择框的方法和事

22、件在选择框对象中使用最多的方法是在选择框对象中使用最多的方法是click()方法，该方法相当于单击了方法，该方法相当于单击了选择框。除此之外，在选择框中还会偶尔使用到选择框。除此之外，在选择框中还会偶尔使用到focus()方法和方法和blur()方法将焦点放在选择框上或将焦点从选择框中移开。方法将焦点放在选择框上或将焦点从选择框中移开。本讲稿第二十页，共三十九页14.4.3 获取用户选择情况获取用户选择情况无论单选框还是复选框，都是以组的形式出现的。无论单选框还是复选框，都是以组的形式出现的。本讲稿第二十一页，共三十九页14.4.4 全选和反选全选和反选为了方便用户的使用，可为了方便用户的使用

23、，可以在一组复选框后再添加以在一组复选框后再添加一个用于全选和全不选的一个用于全选和全不选的复选框，如果该复选框处复选框，如果该复选框处于选中状态，就将那一组于选中状态，就将那一组复选框中的所有选项都设复选框中的所有选项都设为已选择状态；如果该复为已选择状态；如果该复选框处于未选中状态，就选框处于未选中状态，就将那一组复选框中的所有将那一组复选框中的所有选项都设为未选择状态。选项都设为未选择状态。本讲稿第二十二页，共三十九页14.5 下拉列表框下拉列表框下拉列表框与前面介绍的表单控件不同，前面介绍的表单控件都是一下拉列表框与前面介绍的表单控件不同，前面介绍的表单控件都是一个标签创建一个控件，而

24、下拉列表框必须使用个标签创建一个控件，而下拉列表框必须使用select和和option两个元两个元素才能创建一个完整的下拉列表框。在素才能创建一个完整的下拉列表框。在BOM中，使用中，使用Select对象对象（Select Object）来代表下拉列表框，使用）来代表下拉列表框，使用Option对象（对象（Option Object）来代表下拉列表框中的选项。）来代表下拉列表框中的选项。本讲稿第二十三页，共三十九页14.5.1 下拉列表框的属性下拉列表框的属性下拉列表框是由下拉列表框是由select元素所创建的表单元素，元素所创建的表单元素，Select对象中的属性对象中的属性大多都与下拉列表

25、框本身相关，还有一部分属性与下拉列表框中的选大多都与下拉列表框本身相关，还有一部分属性与下拉列表框中的选项相关。项相关。本讲稿第二十四页，共三十九页14.5.2 下拉列表框的方法和事件下拉列表框的方法和事件Select对象的对象的remove()方法是在下拉列表框中常用的方法，该方法方法是在下拉列表框中常用的方法，该方法的作用是删除下拉列表框中的所有选项。除此之外，下拉列表框中常的作用是删除下拉列表框中的所有选项。除此之外，下拉列表框中常用到的方法还有用到的方法还有click()方法，该方法相当于单击了下拉列表框。在下方法，该方法相当于单击了下拉列表框。在下拉列表框中还会偶尔使用到拉列表框中还

26、会偶尔使用到focus()方法和方法和blur()方法将焦点放在下方法将焦点放在下拉列表框上或将焦点从下拉列表框中移开。拉列表框上或将焦点从下拉列表框中移开。本讲稿第二十五页，共三十九页14.5.3 选项的属性选项的属性Select对象代表的是下拉列表框本身，而下拉列表框中的选项是由对象代表的是下拉列表框本身，而下拉列表框中的选项是由Option对象来代表。在对象来代表。在BOM中，允许使用中，允许使用new语句来创建一个语句来创建一个Option对象，其语法代码如下所示。对象，其语法代码如下所示。new Option(text,value)本讲稿第二十六页，共三十九页14.5.4 获取用户选

27、择情况获取用户选择情况在创建下拉列表框时，如在创建下拉列表框时，如果没有在果没有在标签中标签中使用使用multiple属性，那么属性，那么该下拉列表框中的选项为单该下拉列表框中的选项为单选状态，只能选择其中的一选状态，只能选择其中的一个选项；如果在个选项；如果在标标签中使用了签中使用了multiple属性，属性，那么该下拉列表框中的选那么该下拉列表框中的选项为复选状态，按住项为复选状态，按住Ctrl键键可以在该下拉列表框中选择可以在该下拉列表框中选择多个选项。多个选项。本讲稿第二十七页，共三十九页14.5.5 跳转网页跳转网页下拉列表框中的下拉列表框中的change事件是一个常用的事件，该事件

28、是当下拉列事件是一个常用的事件，该事件是当下拉列表框中的值发生改变时产生的事件。通过该事件可以调用一个函数，表框中的值发生改变时产生的事件。通过该事件可以调用一个函数，在函数中可以判断下拉列表框中哪个选项处于被选择状态，再根据该在函数中可以判断下拉列表框中哪个选项处于被选择状态，再根据该选项值进行下一步处理。选项值进行下一步处理。本讲稿第二十八页，共三十九页14.5.6 动态修改下拉列表框中的选项动态修改下拉列表框中的选项在下拉列表框中允许动态添加和删除下拉列表框中的选项。在下拉列表框中允许动态添加和删除下拉列表框中的选项。本讲稿第二十九页，共三十九页14.5.7 省市二级联动菜单省市二级联动

29、菜单省市二级联动菜单是下拉列表框中使用得比较多的菜单之一。所谓省省市二级联动菜单是下拉列表框中使用得比较多的菜单之一。所谓省市二级联动菜单实际上就是两个下拉列表框，其中第市二级联动菜单实际上就是两个下拉列表框，其中第1个下拉列表框个下拉列表框中的选项为各省份名称，而第中的选项为各省份名称，而第2个下拉列表框中的选项为各城市的名个下拉列表框中的选项为各城市的名称。当选择第称。当选择第1个下拉列表框时，第个下拉列表框时，第2个下拉列表框中的选项里只会显个下拉列表框中的选项里只会显示该省份的城市，而不是所有省份的所有城市。示该省份的城市，而不是所有省份的所有城市。本讲稿第三十页，共三十九页14.6

30、文件选择框文件选择框在在BOM中使用中使用FileUpload对象（对象（FileUpload Object）来代表文件选）来代表文件选择框。文件选择框是一个文本框和一个按钮的组合，在单击按钮时，择框。文件选择框是一个文本框和一个按钮的组合，在单击按钮时，浏览器窗口会弹出一个对话框，让用户选择文件。文件选择框多用于浏览器窗口会弹出一个对话框，让用户选择文件。文件选择框多用于上传文件，因此在包含文件选框的上传文件，因此在包含文件选框的标签中应该把标签中应该把enctype属属性值设为性值设为“mulitipart/form-data”。本讲稿第三十一页，共三十九页14.6.1 文件选择框的属性文

31、件选择框的属性FileUpload对象的属性并不是很多，常用的有以下几个。对象的属性并不是很多，常用的有以下几个。id：用于返回文件选择框的：用于返回文件选择框的id，该属性的初始值由文件选择框中的，该属性的初始值由文件选择框中的id属性值决定。属性值决定。name：用于返回文件选择框的名称，该属性的初始值由文件选择框的：用于返回文件选择框的名称，该属性的初始值由文件选择框的name属性值决定。属性值决定。value：用于返回文件选择框的值，在：用于返回文件选择框的值，在IE浏览器中为选择的文件名和路径，在浏览器中为选择的文件名和路径，在Opera浏览器和浏览器和Firefox浏览器中为选择的

32、文件名。浏览器中为选择的文件名。disabled：用于设置文件选择框的禁用状态。该属性值的数据类型为布尔型，如果为：用于设置文件选择框的禁用状态。该属性值的数据类型为布尔型，如果为true，则文件选择框为禁用状态，不能进行选择。如果为，则文件选择框为禁用状态，不能进行选择。如果为false，则文件选择框为启用状态，则文件选择框为启用状态，可以通过文件选框来选择文件。可以通过文件选框来选择文件。size：用于表示文件选择框中的文本框的宽度。：用于表示文件选择框中的文本框的宽度。type：用于返回文件选择框的类型，该属性返回值为：用于返回文件选择框的类型，该属性返回值为file。form：用于返回

33、包含该文件选择框的：用于返回包含该文件选择框的Form对象。对象。本讲稿第三十二页，共三十九页14.6.2 文件选择框的方法和事件文件选择框的方法和事件文件选择框中使用最多的方法是文件选择框中使用最多的方法是click()方法，该方法相当于单击了文方法，该方法相当于单击了文件选择框。除此之外，在文件选择框中还会偶尔使用到件选择框。除此之外，在文件选择框中还会偶尔使用到focus()方法方法和和blur()方法将焦点放在文件选择框上或将焦点从文件选择框中移开。方法将焦点放在文件选择框上或将焦点从文件选择框中移开。本讲稿第三十三页，共三十九页14.6.3 提交前显示用户选择的文件名提交前显示用户选

34、择的文件名文件选择框的作用就是选择文件，而选择文件的目的大多都是将该文文件选择框的作用就是选择文件，而选择文件的目的大多都是将该文件上传到服务器上。为了防止用户选错文件，可以在用户选择完文件件上传到服务器上。为了防止用户选错文件，可以在用户选择完文件之后将文件名显示在浏览器窗口，提醒用户不要传错文件。之后将文件名显示在浏览器窗口，提醒用户不要传错文件。本讲稿第三十四页，共三十九页14.7 隐藏域隐藏域在在BOM中使用中使用Hidden对象（对象（Hidden Object）来代表隐藏域，隐藏）来代表隐藏域，隐藏域（也叫隐藏框）在浏览器窗口中不会有显示。因此，隐藏域的主要域（也叫隐藏框）在浏览器

35、窗口中不会有显示。因此，隐藏域的主要作用是存放一些不希望或没必须让用户看到的信息。作用是存放一些不希望或没必须让用户看到的信息。本讲稿第三十五页，共三十九页14.7.1 隐藏域的属性隐藏域的属性由于在浏览器窗口中看不到隐藏域，所以由于在浏览器窗口中看不到隐藏域，所以Hidden对象没有任何方法对象没有任何方法和事件，只存在着一些属性。常用的和事件，只存在着一些属性。常用的Hidden对象的属性如下所示。对象的属性如下所示。id：用于返回隐藏域的：用于返回隐藏域的id，该属性的初始值由隐藏域的，该属性的初始值由隐藏域的id属性值决定。属性值决定。name：用于返回隐藏域的名称，该属性的初始值由隐

36、藏域的：用于返回隐藏域的名称，该属性的初始值由隐藏域的name属属性值决定。性值决定。value：用于返回隐藏域的值，该属性的初始值由隐藏域的：用于返回隐藏域的值，该属性的初始值由隐藏域的value属性属性值决定。值决定。defaultValue：用于返回隐藏域的缺省值，该属性的初始值由隐藏域：用于返回隐藏域的缺省值，该属性的初始值由隐藏域的的value属性值决定。属性值决定。type：用于返回文件选择框的类型，该属性返回值为：用于返回文件选择框的类型，该属性返回值为file。form：用于返回包含该文件选择框的：用于返回包含该文件选择框的Form对象。对象。本讲稿第三十六页，共三十九页14.

37、7.2 记录用户操作过程记录用户操作过程隐藏域的作用范围很广，可以存放与用户交互的信息，也可以存放与隐藏域的作用范围很广，可以存放与用户交互的信息，也可以存放与服务器互动的信息。代码清单服务器互动的信息。代码清单14-16中的代码使用隐藏域记录了用户中的代码使用隐藏域记录了用户操作的过程，注意加粗的文字。操作的过程，注意加粗的文字。本讲稿第三十七页，共三十九页14.8 分组元素分组元素分组元素分组元素fieldset可以将表单中的元素进行分组。分组元素除了在浏可以将表单中的元素进行分组。分组元素除了在浏览器上有视觉效果之外，并没有其他作用。虽然在览器上有视觉效果之外，并没有其他作用。虽然在BO

38、M并没有使用任并没有使用任何对象来代表分组元素，但该元素仍然可以创建一个表单控件，而何对象来代表分组元素，但该元素仍然可以创建一个表单控件，而Form对象的对象的elements属性也将该控件收集在属性也将该控件收集在elements数组中，并且数组中，并且可以通过控件的可以通过控件的name属性值返回控件名称。属性值返回控件名称。本讲稿第三十八页，共三十九页14.9 小结小结Form对象是对象是Document对象中的最重要的子对象之一。在对象中的最重要的子对象之一。在Form对象对象中还包含很多子对象，如文本框对象、按钮对象、选择框对象、下拉中还包含很多子对象，如文本框对象、按钮对象、选择框对象、下拉列表框对象、文件选择框对象等，这些子对象都包含了自己的方法、列表框对象、文件选择框对象等，这些子对象都包含了自己的方法、属性和事件，灵活使用这些对象的方法、属性和事件，可以实现很多属性和事件，灵活使用这些对象的方法、属性和事件，可以实现很多动态效果。动态效果。本讲稿第三十九页，共三十九页