第10章DW表单探讨.ppt

第10章 表单 重点内容： 创建表单 插入与设置表单元素 验证表单;一、 表单和表单对象 1.表单 可以使用Dreamweaver创建包含文本域、密码域、单选按钮、复选框、弹出菜单、可单击按钮及其他表单对象的表单。表单支持客户端－服务器关系中的客户端，当访问者在客户端的Web浏览器中显示的表单中输入信息并单击“提交”按钮提交表单时，这些信息将被发送到服务器，服务器中的服务器端脚本或应用程序会对这些信息进行处理。服务器向用户(客户端)返回所请求的信息或基于该表单内容执行某些操作来进行响应。通常，服务器通过通用网关接口（GGI）脚本、ColdFusion页、Java Server Page（JSP）或ASP来处理信息。 ;一、 表单和表单对象 2.表单对象 文本域 隐藏域 按钮 复选框 单选按钮;二、 创建表单 1.创建表单 单击“表单”工具栏中的“表单”按钮，或者选择“插入记录”|“表单”|“表单”命令，即可在插入点位置插入一个空白表单。在设计视图中，表单以红色虚轮廓线表示。;二、 创建表单 2.设置表单属性 单击表单的轮廓，或者从文档窗口左下角的标记选择器中选择form标记，选中表单，然后从属性检查器中进行所需的设置。;三、 文本域、文本区域和隐藏域 1.插入文本域 将插入点置于表单内，然后单击“表单”工具栏中的“文本字段”按钮 ，或者选择“插入记录”|“表单”|“文本域”命令。插入文本域后，属性检查器中会显示文本域的属性，用户可在“类型”选项组中指定当前文本域的类型，包括单行文本域、多行文本域和密码文本域3种类型。;三、 文本域、文本区域和隐藏域 2.插入文本区域 将插入点置于表单内，然后单击“表单”工具栏中的“文本区域”按钮 ，或者选择“插入记录”|“表单”|“文本区域”命令，即可插入一个文本区域。;三、 文本域、文本区域和隐藏域 3.插入隐藏域 要在表单内创建隐藏域，可单击“表单”工具栏中的“隐藏域”按钮 ，或者选择“插入记录”|“表单”|“隐藏域”命令。如果启用了显示不可见元素，插入隐藏域后会显示一个图标 ，选择该图标可在属性检查器中显示隐藏域的属性。隐藏域的属性选项只有两个：一个是“隐藏区域”文本框，用于设置隐藏域的名称；一个是“值”文本框，用于输入为该域指定的值。;四、 复选框、单选按钮和单选按钮组 1.插入单选按钮 单击“表单”工具栏中的“单选按钮”按钮，或者选择“插入记录”|“表单”|“单选按钮”命令，即可插入一个单选按钮。单选按钮的属性比较简单，除了设置单选按钮名称的文本框外，只有“选定值”和“初始状态”两组主要选项。;四、 复选框、单选按钮和单选按钮组 2.插入单选按钮组 单击“表单”工具栏中的“单选按钮组”按钮 ，或者选择”插入记录”|“表单”|“单选按钮组”命令，打开“单选按钮组”对话框，在其中设置单选按钮组的名称、组中包含的单选按钮个数、各按钮的文本标签及按钮布局方式等。;四、 复选框、单选按钮和单选按钮组 3.插入复选框 单击“表单”工具栏中的“复选框”按钮，或者选择”插入记录”|“表单”|“复选框”命令，即可插入一个复选框。;五、 列表框和弹出菜单 1.插入列表框与弹出菜单 单击“表单”工具栏中的“列表/菜单”按钮，或者选择”插入记录”|“表单”|“列表/菜单”命令，可在表单中插入一个弹出菜单。选择插入的弹出菜单，然后在属性检查器中选择“类型”选项组中的“列表”单选按钮，可将弹出菜单更改为列表框。选择列表/菜单，单击属性检查器中的“列表值”按钮，打开“列表值”对话框，可设置可选择内容以供浏览者选择。;五、 列表框和弹出菜单 2.设置列表/菜单属性 添加列表/菜单后，可根据需要更改其属性。菜单的属性较列表的属性要少两项：“高度”和“选定范围”。下图所示的是弹出菜单的属性设置，如果是列表，则属性检查器中的所有选项均会被激活。 ;六、 跳转菜单 单击“表单”工具栏中的“跳转菜单”按钮 ，或者选择“插入记录”|“表单”|“跳转菜单”命令，打开“插入跳转菜单”对话框，进行所需的设置后单击“确定”按钮，即可在表单中插入跳转菜单。 ;七、 文件域 选择表单，从表单的属性检查器中选择“方法”下拉列表框中的“POST”选项，再从“MIME类型”下拉列表框中选择“multipart/form-data”选项，然后再单击“表单”工具栏中的“文件域”按钮 ，或者选择“插入记录”|“表单”|“文件域”命令插入文件域。文件域的属性设置比较简单，除了可以为文件域指定名称外，还可以指定字符宽度和最多字符数。 ;八、 表单按钮 1.表单按钮的作用 “提交”：单击该按钮可提交表单，即将表单内容发送到表单