周欣然《网页设计技术与应用》第12章 表单.pptVIP

第12章 表单 12.1　表单页面制作 12.2 表单概述 12.3　添加表单对象 12.4 Spry验证表单 12.1　表单页面制作－－－注册 12.1.1 案例综述 表单是一个专业网站必不可少的内容，也是一个网站是否具有交互功能的重要体现。 12.1　表单页面制作－－－注册 12.1.2 案例分析 通常在表单页面中有多个表单对象，在制作时先插入一个表单，做为这些对象的容器，然后再逐个地创建这些表单对象，如文本域、密码域、单选按钮、复选框、下拉列表、按钮、图像域等。 表单对象在表单内的定位，我们则采用表格工具进行布局。 12.1.3 实现步骤 创建表单 表格进行布局 插入表单对象 12.2 表单概述 12.2.1 什么是表单 表单主要是为了实现浏览网页的用户同Internet服务器之间的交互，一般来说，表单中包含多种对象，例如文本框、复选框、单选按钮、列表框等。 12.2.2 如何创建表单 选择【插入】｜【表单】命令从中选择所需的表单对象。 12.2 表单概述 12.2.2 如何创建表单 12.2 表单概述 12.2.3 插入表单 选择主菜单【插入】｜【表单】｜【表单】命令，或选择【插入】栏中“表单”类别，单击【表单】按钮，在页面中插入表单。 插入表单后，在文档窗口中出现红色虚框线，Dreamweaver会自动生成form/form标签。 注:如果没有插入空白表单，就直接在文档中插入表单对象，则Dreamweaver会出现一个提示框，提示是否需要为插入表单对象添加表单标签 。 12.2 表单概述 12.2.4 设置表单属性 在属性检查器中设置表单的各项属性 。 12.2 表单概述 12.2.4　设置表单属性 【方法】　在该下拉列表中选择处理表单数据的方式。 POST　此方式将表单值封装在消息主体中发送。 GET　此方式将提交的表单值追加在URL后面发送给服务器。 默认　选择浏览器的默认方式，通常是GET方式。 注意： 在表单数据的传送方式中，大的数据以及一些秘密信息不宜采用GET方式传送。 12.3 添加表单对象 添加表单对象 　 　定位光标→在“插入”栏的“表单”类别中选择对象→插入表单对象。 定位表单对象 可以使用换行符、段落标记、表格等来设置表单的格式。 12.3 添加表单对象 12.3.1 添加文本域 12.3.2 添加隐藏域 12.3.3 添加复选框 12.3.4 添加单选按钮 12.3.5 添加列表/菜单 12.3.6 添加按钮 12.3.7 添加图像域 12.3.8 添加文件域 12.3.9 创建跳转菜单 12.3 添加表单对象 12.3.1 添加文本域 文本域有三种类型：单行文本域、多行文本域、密码域。 12.3 添加表单对象 12.3.1 添加文本域 插入文本域 插入文本域的基本操作步骤如下： 　　将文本光标定位于表单轮廓内。 　　输入标签文字“账号”。 　　选择插入｜表单｜文本域命令， 　　在“输入标签辅助功能属性”对话框设置各参数，单击【确定】按钮 。 12.3 添加表单对象 12.3.1 添加文本域 设置文本域属性 在文本域属性面板中可以进行如下设置。 “文本域”——输入文本域的名称，即变量名，以便在后台处理程序中提取或传送其中的信息。 “字符宽度”——设置最多可显示的字符数。此数字决定了文本域的宽度。 “最多字符数”——设置单行文本域中最多可输入的字符数。 “类型”——指定域的类型为单行、多行还是密码域. “初始值”——指定在首次载入表单时域中显示的值。 “类”——主要作用是将CSS规则应用于对象。 12.3 添加表单对象 12.3.2　添加隐藏域 隐藏域是放置在文档中收集或发送信息的不可见元素。 插入隐藏域 插入隐藏域的基本操作如下： 在“设计”视图中，将文本光标定位于表单轮廓内。 选择插入｜表单｜隐藏域命令。 12.3 添加表单对象 12.3.2　添加隐藏域 设置隐藏域属性 隐藏域属性设置如下： “隐藏区域”——为该域指定一个唯一的名称。 “值”——在该文本框中输入为该域指定的值。 12.3 添加表单对象 12.3.3　添加复选框 复选框可以使用户在多个选项中进行多重选择。 插入复选框 插入复选框的操作方法如下： 光标置于表单中。 选择插入｜表单｜复选框命令 12.3 添加表单对象 12.3.3　添加复选框 设置复选框属性: “复选框名称”——在该域中指定复选框对象的名称。 “选定值”——在该域中输入当选择该复选框时要传送给服务器的值。 “初始状态”—