网页制作实用教程张淑清第8章网页交互的实现.pptVIP

PPT研究院 POWERPOINT ACADEMY * * 尚辅网 / 教学内容：表单的基本知识、认识表单元素、创建表单页面及设置元素属性、表单的验证。 教学重点和难点：熟练掌握创建表单页面、设置元素属性的方法。 8.1.1 表单概述 一个完整的表单应该包含两个部分：一是在网页中进行描述的表单对象；二是应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 表单是网站设计者与浏览者之间沟通的桥梁，通过表单，网站设计者可以收集分析用户的反馈意见，从而做出科学的、合理的决策，使网站更具有吸引力，使用Dreamweaver不但可以创建和使用表单，还可以通过使用行为来验证用户输入信息的正确性。 8.1.2表单元素及属性 Dreamweaver8提供两种创建表单的方法： 一是通过“插入|表单|表单”命令创建。 二是通过单击“表单”工具栏中的按钮 来创建。 1．文本字段/文本区域 文本域用于输入文本、数字和字母。文本域有单行、多行和密码三种显示方式。其中密码是用“*”显示，不可见。单行显示的文本域称为文本字段，多行显示则称为文本区域。两者可以相互转换。 插入文本 创建表单后，将光标放到表单中，选择“插入|表单|文本字段”命令，或单击“插入”工具栏中“表单”子工具栏中的 （文本字段）按钮，便在表单中插入了一个文本字段。 2．创建按钮 表单中只有两个按钮，“提交”按钮和“复位”按钮。单击按钮可以执行某个脚本或程序。 插入按钮： 将光标放到表单中，选择“插入|表单|按钮”命令或单击“插入”工具栏中“表单”子工具栏中的 按钮，默认状态下插入的是“提交”按钮。 按钮“属性”面板中各项属性的功能是： “按钮名称”：设置按钮的名称。 “标签”：设置按钮上显示的文字。 “动作”：有三个选项，提交表单、重设表单、无。用 于设置选项区中按钮触发的动作。 3．隐藏域 隐藏域是用来收集有关用户信息的文本域，它能够使用户的数据被隐藏在那里。使用隐藏域可以实现浏览器与服务器在后台隐藏地交换信息，当下次访问该站点时能够使用输入的这些信息。 4．单选按钮 单选有两种类型，单选按钮与单选按钮组。 创建单选按钮指的是一次单独创建一个按钮。而创建单选按钮组则可同时创建多个单选按钮。在页面上用单选按钮来创建单选项时，无论创建多少个单选项，默认状态下它们都归为一个组，浏览时只能选取其中一个的值。而单选按钮组则是每个组中可以选一个值。 单选按钮与单选按钮组的属性设置相似，我们只介绍单选按钮的属性设置方法： 选择“插入|表单|单选按钮”命令或单击“插入”工具栏中“表单”子工具栏中的 （单选）按钮，就可在表单中插入一个单选按钮。 单选按钮“属性”面板中各项属性的功能如下： “单选按钮”：设置单选按钮的名称。 “选定值”：设置单选按钮被选择时的取值。当用户提交表单时，该值被传送给服务器端应用程序。 “初始状态”：设置首次载入表单时单选按钮是否被选中。 5．复选框 选择“插入|表单|复选框”命令或单击“插入”工具栏中“表单”子工具栏中的 （复选框）按钮，就可在表单中插入一个复选框。 6．列表/菜单 列表/菜单的功能与单选按钮、复选框相似。用户利用它，可限制访问者在有限的项目中选择适当的选项。列表/菜单分为菜单和列表两种形式，菜单限制访问者选一项，列表则允许访问者选择多项。 创建列表/菜单的方法： 选择“插入 | 表单 | 列表/菜单”命令或单击“插入”工具栏中“表单”子工具栏中的 （列表/菜单）按钮。 7．文件域 文件域使用户可以选择其计算机上的文件，如文本文件或图形文件，并将该文件上传到服务器。文件域比其他文本域多包含一个“浏览”按钮。用户可以手动输入要上传的文件的路径，也可以使用“浏览”按钮定位和选择上传的文件。 文件域要求使用POST方法将文件从浏览器传送到服务器。该文件被发送到表单的“操作”域中所指定的地址。 8．图像域 图像域最常见的功能是使用图片替代提交按钮，使文档更加美观。在表单中插入图像域的操作类似于在页面中插入图像的操作 9．跳转菜单 跳转菜单是文档内的弹出菜单，对站点访问者可见，并列出链接到文档或文件的选项。 （1）建立跳转菜单的具体步骤： ① 在文档窗口中选择“插入 | 表单 | 跳转菜单”命令或单击“插入”工具栏中“表单”子工具栏中的 （跳转菜单）按钮，出现“插入跳转菜单”对话框。 对话框中各属性功能如下： “菜单项”：显示“文本”栏与“选择时，转到