制作表单页面.ppt

7.10 添加图像域 （1）将光标放在要插入图像提交按钮的位置上，然后在“表单”插入工具栏中单击“图像域”按钮 ，在打开的“选择图像源文件”对话框中找到要插入的图像，如图7.48所示。 7.10 添加图像域 图7.48 选择作为图像域的文件 7.10 添加图像域 （2）单击“确定”按钮后，图像域就会出现在网页编辑窗口中。选中该图像域，在“属性”面板上显示的是图像域的属性，如图7.49所示。在“属性”面板上可修改其属性。 图7.49 图像域的属性设置 7.11 制作跳转菜单 新建文件，然后单击“表单”插入工具栏上的“跳转菜单”按钮 ，此时就会打开一个“插入跳转菜单”对话框，如图7.51所示。 7.11.1 插入跳转菜单 7.11 制作跳转菜单 7.11.1 插入跳转菜单 图7.51 “插入跳转菜单”对话框 7.11 制作跳转菜单 修改跳转菜单的具体操作步骤如下。 （1）选中插入的跳转菜单，“属性”面板就会变成如图7.54所示。 7.11.2 修改跳转菜单 图7.54 跳转菜单的“属性”面板 7.11 制作跳转菜单 （2）单击“属性”面板上的“列表值”按钮，打开“列表值”对话框，如图7.55所示。此时就可以和修改菜单一样去修改表单中的各个选项了。 7.11.2 修改跳转菜单 7.11 制作跳转菜单 7.11.2 修改跳转菜单 图7.55 打开“列表值”对话框 7.11 制作跳转菜单 （3）修改完毕后单击“确定”按钮，修改的设置就会应用到已有的跳转菜单上。 7.11.2 修改跳转菜单 7.11 制作跳转菜单 （4）保存文档并在浏览器中打开，效果如下图所示。展开菜单并单击其中的某个选项，就可以跳转到在“插入跳转菜单”对话框中设定的网址上。 7.11.2 修改跳转菜单 7.11 制作跳转菜单 单击选项后，打开的页面能够出现在新的窗口中，要实现这样的效果，就需要手动添加JavaScript脚本。 7.11.3 添加JavaScript脚本 第 7章制作表单页面 7.1 关于表单 要制作表单页面，一般要经过以下两个步骤: （1）确定页面布局。 （2）插入表单元素。表单元素中最重要的就是表单域，它可以用来确定表单中有效数据的范围。 7.2 确定页面布局 （1）插入一个13行2列的表格，利用它来控制各种表单元素和说明文字的位置，插入表格的属性如图7.3所示。 7.2.1 插入表格 图7.3 插入表格的属性 7.2 确定页面布局 （2）合并表格中的第1、12、13行的单元格，并且给第1行和第12行分别加上背景颜色（#FFCC00）。将光标放在左侧任意单元格中，设置单元格的宽度为100像素，此时的表格如图7.4所示。 7.2.1 插入表格 7.2 确定页面布局 7.2.1 插入表格 图7.4 调整后的表格 7.2 确定页面布局 在单元格中分别输入文字，此时的页面如图7.5所示。 7.2.2 输入文本 图7.5 输入文本后的表格 7.3 添加表单域 7.3.1 插入表单域 图7.6 “表单”插入工具栏 7.3 添加表单域 7.3.2 修改表单域属性 7.3 添加表单域 将表格移动到红色的虚线框中: （1）选中表格，按快捷键Ctrl+X将它剪切到剪贴板。 （2）单击红框内部，当“属性”面板显示表单的属性时表示已经选中了表单，此时再按快捷键Ctrl+V将表格粘贴在表单内，如图7.9所示。 7.3.3 移动表格 7.3 添加表单域 7.3.3 移动表格 图7.9 移动后的表格 7.4 添加文本域 添加单行文本框的具体操作步骤如下。 （1）将光标放在要添加单行文本框的单元格中，然后在“表单”插入工具栏中单击“文本字段”按钮 ，此时将在此单元格中出现一个单行的文本框，如下图所示。 （2）选中该文本框，在“属性”面板上修改文本框的属性。 7.4.1 添加单行文本框 7.4 添加文本域 添加密码文本框与添加单行文本框很类似。 7.4.2 添加密码文本框 7.4 添加文本域 添加文本区域的具体操作步骤如下: （1）选中要添加文本区域的单元格，在其中插入一个文本框，如图7.19所示。 7.4.3 添加文本区域 图7.19 插入的文本框 7.4 添加文本域 （2）选中该文本框，然后在“属性”面板上将其类型修改为“多行”，此时文本框变为多行文本区域，如图7.20所示。 7.4.3 添加文本区域 图7.20 单行文本框变为文本区域 7.5 添加复选框 添加复选框的具体操作步骤如下。 （1）将光标放在要添加复选框的位置，然后单击“表单”插入工具栏中的“复选框”按钮 ，或者选择“插入纪录”|“