第10章DW表单.ppt

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