[计算机]第14章 表单对象.pptVIP

第14章 表单对象 在HTML中，所有的网页控件都属于表单控件，这些控件都应该表单中，即放在form标签和/from标签之间。Document对象的Form子对象就是代表文档中表单的对象。 14.1 Form对象 在BOM中，每一个表单都可以看成是一个表单对象（Form Object）。在Form对象中还有很多与表单控件相关的子对象，使用Form对象和其子对象，可以实现向服务器提交数据的功能，也可以增强与客户之间的互动功能。 14.1.1 表单的引用 在一个网页中可以同时存在多个表单，每个表单都会对应一个Form对象，假设有一个HTML文档的代码如代码清单14-1所示。 14.1.2 表单对象的属性 Form对象是由form标签所创建的对象，所以该对象中的属性大多都与form元素相关，常用的Form对象的属性有以下几个。 id：用于返回Form对象的id，该属性的初始值由form标签中的id属性值决定。 name：用于返回Form对象的名称，该属性的初始值由form标签中的name属性值决定。 method：该属性用于说明表单的提交方式。该属性的初始值由form标签中的method属性值决定。 action：该属性用于说明表单的提交的目标文档。该属性的初始值由form标签中的action属性值决定。 target：该属性用于说明提交表单时的目标窗口。该属性的初始值由form标签中的target属性值决定。 encoding：该属性用于说明提交表单时传递数据的编码方式。该属性的初始值由form标签中的enctype属性值所决定。 elements：该属性可以返回一个elements[ ]数组，数组中的元素为表单中的控件对象。 length：该属性可以返回表单中的控件数量，相当于elements[ ]数组的length属性。 14.1.3 表单对象的方法和事件 在表单中，可以产生的动作只有两种，即提交表单或重置表单。表单对象的方法和事件分别与表单的这两种动作相对应。其中，表单对象的方法包括submit( )方法和reset( )方法。submit( )方法的作用是提交表单，reset( )方法的作用是重置表单。表单对象可以响应的事件为submit事件和reset事件。submit事件是提交表单时产生的事件，reset事件是重置表单时产生的事件。 14.1.4 表单元素 Form对象代表的是一个表单，而表单中通常都会拥有很多表单元素，这些表单元素可以用来创建表单控件，常用的表单元素有以下几个。 文本框：包括单行文本框（Text）、多行文本框（Textarea）和密码框（Password）。 按钮：包括普通按钮（Button）、提交按钮（Submit）和重置按钮（Reset）。 选择框：包括单选框（Radio）和复选框（Checkbox）。 下拉列表框：下拉列表框（Select）与单选择框的作用相似。 文件选择框：文件选择框（FileUpload）可以让用户选择文件。 隐藏域：隐藏域（Hidden）在网页中看不到任何内容，但可以用于传递参数。 分组元素：分组元素（Fieldset）可以将表单中的元素进行分组。BOM中没有分组对象，但分组元素也是表单元素之一。 14.1.5 验证表单数据 在表单中使用得最多的应用就是验证表单数据，最常用的方法是使用Form对象的submit事件，也就是在form标签中添加一个onsubmit属性，将该属性值设为一个用于验证表单数据的函数。当用户提交数据时，将会调用该函数，如果数据验证通过，该函数将返回true，否则返回false。onsubmit属性可以接收到函数的返回值，如果返回值为true则提交表单，否则不提交表单。 14.2 文本框 表单中的文本框有单行文本框、多行文本框和密码框3种。在BOM中使用Text对象（Text Object）来代表单行文本框，使用Textarea对象（Textarea Object）来代表多行文本框，使用Password对象（Password Object）来代表密码框。 14.2.1 文本框的属性 单行文本框、多行文本框和密码框的作用都是输入文本，只是在浏览器中显示的形式不同。单行文本框只能显示一行文本，多行文本框可以显示多行文本，而密码框会将输入的文本使用掩码的形式输出。 14.2.2 文本框的方法和事件 在Text对象、Textarea对象和Password对象中常用的方法有以下3个。 focus( )：该方法可以让文本框得到焦点。 blur( )：该方法可以让文本框失去焦点。 select( )：该方法可以将文本框中的文字处于选中状态。 文本框可以响应的事件比Form对象可以响应的事件多，常用的事件如下所示。 焦点相关：当文本框得到焦点时产生的