第12章表单.ppt

知识点回顾 本章主要内容 12.1 表单概述 12.2 插入输入类表单对象 12.3 Spry验证表单 12.1 表单概述 12.1 表单概述 12.1 表单概述 12.1 表单概述 12.1 表单概述 12.2 插入输入类表单对象 12.2.1 插入表单域 12.2.1 插入表单域 12.2.1 插入表单域 12.2.1 插入表单域 12.2.1 插入表单域 12.2.2 插入文本域 12.2.2 插入文本域 12.2.2 插入文本域 12.2.2 插入文本域 12.2.3 插入多行文本域 12.2.4 插入隐藏域 12.2.4 插入隐藏域 12.2.5 插入复选框 12.2.5 插入复选框 12.2.5 插入复选框 12.2.6 插入单选按钮 12.2.6 插入单选按钮 12.2.6 插入单选按钮 12.2.7 插入列表、菜单 12.2.7 插入列表、菜单 12.2.7 插入列表、菜单 12.2.7 插入列表、菜单 12.2.7 插入列表、菜单 12.2.8 插入跳转菜单 12.2.8 插入跳转菜单 12.2.8 插入跳转菜单 12.2.9 插入按钮 12.2.9 插入按钮 12.2.10 插入图像域 12.2.10 插入图像域 12.2.10 插入图像域 12.2.11 插入文件域 12.2.11 插入文件域 12.2.11 插入文件域 12.2.12 插入标签和字段集 12.2.12 插入标签和字段集 12.3 Spry验证表单 12.3.1 Spry验证文本域 12.3.1 Spry验证文本域 12.3.1 Spry验证文本域 12.3.1 Spry验证文本域 12.3.1 Spry验证文本域 12.3.2 Spry验证密码域 12.4 表单应用实例 （4）列表值设置。 “添加项”按钮和“删除项”按钮：可以向列表中添加或删除一个项目 “项目标签”选项：输入该项目的说明文字 “值”选项：输入传回服务器端的表单数据。 “在列表中上移项”或“在列表中下移向”按钮：可对这些项目进行上移或下移的排序操作。 （5）滚动列表属性设置。 [高度]：设置滚动列表中可以显示的项目个数 [允许多选]：选中，则在列表框中可以使用Ctrl键选择多个列表项，或使用Shift键来进行范围选取。 跳转菜单是从表单中的菜单发展而来，是创建链接的一种形式，浏览者单击扩展按钮，打开下拉菜单，在菜单中选择链接，即可链接到目标网页。但与真正的链接相比，跳转菜单能节省很大的空间。 （1）将光标定位到表单内要插入跳转菜单的位置 （2）单击【插入】面板上的【表单】选项卡中的【跳转菜单】按钮，或选择【插入】|【表单】|【跳转菜单 】菜单命令，弹出“插入跳转菜单”对话框，设置参数，单击“确定”按钮，即可在适当位置插入列表/菜单。 菜单项：列出所有存在的菜单，刚创建时，只有一项默认的“项目1” 文本：输入要在菜单列表中显示的文本 选择时，转到URL：直接输入或单击“浏览”按钮，选择在选择该菜单项时跳转到的网页地址。 打开URL于：选择文件的打开位置，“主窗口”表示在同一窗口中打开文件；“框架”表示在所选框架中打开文件。 菜单ID：输入菜单项的名称 菜单之后插入前往按钮：选中，则在页面中的“跳转菜单”后添加一个“前往”按钮；未勾选，则在下拉列表框中选择要跳转的项目后，即可直接进行跳转。 更改URL后选择第一个项目：使用菜单选择提示时使用 （3）选中跳转菜单，设置其属性。 表单中按钮常用于执行某些操作，如提交表单、重置表单、执行网页上的脚本等。通过编写代码来自行定义单击按钮后所产生的动作。 （1）将光标定位到表单内要插入按钮的位置 （2）单击【插入】面板上的【表单】选项卡中的【按钮】按钮，或选择【插入】|【表单】|【按钮 】菜单命令，弹出“输入标签辅助组功能属性”对话框， 设置参数，单击“确定”按钮，即可在适当位置插入按钮。 （3）选中按钮，设置其属性。 [按钮名称]：设置按钮的名称，默认为button。 [值]：输入按钮上显示的文本。 [动作]：确定单击该按钮时发生的操作，3个选择： “提交表单”：将提交表单数据内容至表单域“动作”属性中指定的页面或脚本 “重设表单”：将清除表单中的所有内容 “无”：表示单击该按钮时要执行的操作，如添加一个Javascript脚本，使得浏览者单击该按钮时，打开另一页面 可使用图像域作为按钮图标来代替Dreamweaver自带的按钮，从而美化网页效果。 （1）将光标定位到表单内要插入图像域的位置 （2）单击【插入】面板上的【表单】选项卡中的【图像域】按钮，或选择【插入】|【表单】|【图像域 】菜单命令，弹出“选择图像源文件”对话框，选择图像，单击“确定”按钮，即可在适当位置