Dreamweaver CS3网页设计与制作教程 第2版 申莉莉教案 第11章新.pptVIP

第11章 表单 表单用来收集来自用户的信息，是网站的管理者与浏览者之间沟通的桥梁。收集用户的反馈意见，做出科学的、合理的决策，是一个网站成功的重要因素。表单有两个重要的组成部分：一是描述表单的HTML源代码；还有就是用于处理用户在表单域中输入的信息服务器端应用程序或客户端脚本，如CGI、ASP等。通过表单收集到的用户反馈信息，通常是一些用分隔符（如逗号、分号等）分隔的文字资料，这些资料可以导入到数据库或电子表格中进行统计、分析，成为具有重要参考价值的信息。 案例：制作留言板 【案例目的】插入各种表单对象制作表单，如图所示。 【核心知识】掌握各种表单对象的使用方法。 11.1.1 创建表单 1.　使用菜单命令插入表单 （1）在文档窗口中选定插入点，将光标置于该位置，使用“插入记录”中的“表单”菜单中的“表单”命令插入表单。 （2）此时在文档窗口中将有红色边框线所定义的插入表单区域。 提示：如果没有看到所创建的表单边框，单击“查看”中“可视化助理”→“不可见元素”命令将边框线显示出来。 2.　使用对象面板创建表单 在文档窗口中选定插入点，单击“插入面板”中的“表单”标签，单击表单按钮即可。 11.1.1 创建表单 选中所创建的表单，打开“属性面板”，可以设置表单的属性： “表单名称”：给表命名，这样方便用脚本语言对其进行控制。 “动作”：指定处理表单信息的服务器端应用程序。单击文件夹目标，找到应用程序，或直接输入应用程序路径。 “方法”：定义处理表单数据的方法，在“属性面板”中，有如下表单数据处理方法： “默认”：使用浏览器默认的方法（一般为GET）。 “GET”：把表单值添加给URL，并向服务器发送GET请求。因为URL被限定在8192个字符之内，所以不要对长表单使用GET方法。 “POST”：在消息正文中发送表单值，并向服务器发送POST请求。 11.1.2 向表单中插入对象 Dreamweaver CS3表单包含标准对象，如文本域、按钮、图像域、复选框、单选钮、列表/菜单、文件域及隐藏域等。 向表单中插入对象的方法有： （1）光标置于表单边界内部插入点，选择“插入记录”－“表单”－“文本区域”。 （2）光标置于表单边界内部插入点，单击“插入栏”－“表单”标签上的表单对象按钮。 （3）按住“插入栏”中的“表单”标签上的表单对象按钮拖入插入点，释放按钮。 以上几种方法会弹出“输入标签辅助功能属性”对话框，如图所示。 11.1.2 向表单中插入对象 除了表单按钮外，在标签“表单”中其他从左到右依次为文本字段、隐藏域、文本区域、复选框、单选按钮、单选组、列表/菜单、跳转、图像域、文件字段和按钮，其中一些常用功能分别是： （1）隐藏域：允许设计者存储应用程序在处理表单时所需要的信息。 （2）文本字段和文本区域：接受任何类型的文本、字母和数字；文本字段为单行、密码保护，文本区域为多行。 （3）复选框：在一组选项中选择多项。 （4）单选按钮：在一组选项中一次只能选择一项。 （5）列表/菜单：从提供一组选项中选择一项或多项。 （6）跳转菜单：菜单上的每一项链接到一个文件，从中选择一项将跳转到被链接的网页。 （7）图像域：可以用来替换提交按钮。 （8）文件字段：允许读者在自己的硬盘上浏览文件，并作为表单数据上传。 （9）按钮：单击时执行提交或重置表单之类的任务，可以输入自定义的按钮标签，或使用Dreamweaver CS3的预定义标签。 11.1.2 向表单中插入对象 通过“属性面板”可以设置各表单的属性，其内容包括有： 1. 文本域的属性设置 在“文档窗口”的表单区域创建一个文本字段，在其“属性面板”中进行设置，其中“文本域”即文本字段的名称；“字符宽度”为文本字段显示的宽度；“最大字符数”为允许使用者输入的最大的字符个数；“初始值”为表单首次被载入时显示在文本字段中的值。 2．单选按钮的属性设置 在“文档窗口”的表单区域插入单选钮表单对象，在“属性面板”中进行设置，其中“单选按钮”为单选按钮的名称，在同一组的单选按钮名称必须相同；“选定值”为该按钮被选时的取值；“初始状态”有“已勾选(C)”和“未选中(U)”两种，“已勾选(C)”表示在浏览时单选按钮的显示为勾选状态，“未选中(U)”表示的是状态。 11.1.2 向表单中插入对象 3．复选框的属性设置 在“文档窗口”的表单区域插入复选框表单，在“属性面板”中进行设置，“复选框名称”是给复选框命名；“选定值”设置复选框被选择时的取值；“初始状态”为设置首次载入表单时复选框是已选还是未选，具体同“单选按钮”的。 4．列表/菜单的属性设置 （1）在“文档窗口”的表单区域插入列表/菜单表单对象，在“属性面板”中进行设置，“列表/菜单”为列表/菜单的名称，“类型”为“菜单”和“列表”可选