网页电子教案-第6章.ppt

第6章 表单的应用 第6章 表单的应用 6.1 创建表单 6.2 创建表单对象 6.3 处理表单 本章小结 6.1 创建表单 6.2 创建表单对象 6.3 处理表单 第6章 表单的应用 * $ [知识目标] 　　认识表单及表单对象 　　掌握插入表单域及表单对象的方法 　　掌握设置表单对象属性的设置 8 [能力目标] 　　掌握在网页中插入表单的操作 　　掌握表单元素属性的设置的操作 　　能够运用表单及表单对象制作网页 6.1.1 表单概述 6.1.2 表单对象 6.1.3 插入表单 6.1.4 表单属性 　　表单(form)主要用来收集用户的信息，并将其提交到服务器，从而实现网站管理者与客户之间的交互。如信息搜索、订单，问卷、调查表、会员注册等。 　　表单一般由两个部分组成，一是在网页中用来收集信息的表单对象，包括表单、文本字段、复选框、单选钮、列表菜单等；二是对表单内容进行处理的应用程序，可以是基于服务器的，也可以是客户端的。 6.1.1 表单概述 6.1 创建表单 　　表单对象指构成表单的元素。在“插入”栏的“表单”类别（图7.2）中，包含了构成表单的所有元素，也可以通过菜单“插入”|“表单”命令，选择子菜单中的表单对象。 　　从左到右，各按钮依次为：表单、文本字段、隐藏域、文本区域、复选框、单选钮、单选按钮组、列表/菜单、跳转菜单、图像域、文件域、按钮、标签和字段集。 6.1.2 表单对象 6.1 创建表单 　　向文档中插入表单的操作为： 　　1．定位光标在文档中要插入表单的位置。 　　2．执行以下操作之一： 　　?单击菜单栏中“插入”|“表单”|“表单”命令 　　?在“插入”栏的“常用”类别中，单击“表单”按钮 　　3．向文档中插入了表单标签，添加表单标签后的文档会出现一个红色的虚线框如图所示。 6.1.3 插入表单 6.1 创建表单 　　单击表单红色的框线或单击窗口左下角标签选择器中的form标签，就可以选中表单，并在属性检查器（如图）中对其进行设置。 6.1.4 表单属性 6.1 创建表单 6.2.1 创建文本域 6.2.2 创建复选框 6.2.3 创建单选按钮 6.2.4 创建列表/菜单 6.2.5 创建文件域 6.2.6 创建跳转菜单 6.2.7 创建按钮 6.2.8 创建单选按钮组 6.2.9 创建图像域 　　文本域有：单行文本域、多行文本域和密码域。 　　1．创建单行文本域或密码域 　　（1）定位光标要插入文本域的位置。如在“用户名”右侧单元格里定位光标。 　　（2）执行以下操作之一： 　　?单击菜单栏中“插入”|“表单”|“文本字段”命令； 　　?在“插入”栏的“表单”类别中，单击“文本字段”按钮　 。 　　（3）单击选中己创建的文本域，在属性检查器中设置文本域属性。 6.2.1 创建文本域 6.2 创建表单对象 　　（4）重复上述方法，创建“密码、“出生年月”及“地址”的文本域。设置完成的表单如图所示。 6.2.1 创建文本域 6.2 创建表单对象 　　2．创建多行文本域 　　（1）定位光标要插入文本域的位置。在“个人简介”右侧单元格里定位光标。 　　（2）执行以下操作之一： 　　?单击菜单栏中“插入”|“表单”|“文本区域”命令。 　　?在“插入”栏的“表单”类别中，单击“文本区域”按钮 　。 　　（3）单击选中文本域，在属性检查器中设置文本域的属性，如图。 6.2.1 创建文本域 6.2 创建表单对象 　　（1）定位光标在“爱好”右侧单元格内的“体育”前面。 　　（2）执行以下操作之一： 　　?单击菜单栏中“插入”|“表单”|“复选框”命令。 　　?在“插入”栏的“表单”类别中，单击“复选框”按钮 　。 　　（3）单击选中复选框，在属性检查器中设置属性如图。 　　（4）重复上述方法向单元格中插入多个复选框，作为“爱好”的备选选项。如图。 6.2.2 创建复选框 6.2 创建表单对象 6.2.2 创建复选框 6.2 创建表单对象 　　（1）定位光标在“男”或“女”的前面。 　　（2）执行以下操作之一： 　　?单击菜单栏中“插入”|“表单”|“单选按钮”命令。 　　?在“插入”栏的“表单”类别中，单击“单选按钮” 　。 　　（3）单击选中单选按钮，在属性检查器中设置属性，设置方法同复选框。将“男“选项设为“己勾选”，如图所示。 6.2.3 创建单选按钮 6.2 创建表单对象 　　 如“出生年月日”中的“月”和“日”，“月”的选项以1~12作为备选月份，“日”选项则设定1~31，以避免用户随意添写。创建列表/菜单的操作为： 　　（1）定位光标在“月”或“日”的前面。 　　（2）执行以下操作之一： 　　?单击菜单栏中“插