Dreamweaver 8基础与实例教程 -马宪敏 第9章.pptVIP

第9章 表单及其应用 第9章 表单及其应用 9.1 交互式表单概述 9.2 创建表单 9.3 表单对象 9.4 创建表单实例制作 9.1交互式表单概述 一个表单中包含多个对象，有时也称为控件或表单元素，例如用于输入文本的文本域、用于发送命令的按钮、用于选择项目的单选按钮和复选框、用于显示列表项的列表框 9.2 创建表单 创建表单的具体操作步骤如下： 1.选择“插入”菜单中的“表单”命令或单击表单面板中的“表单”图标，将插入一个空的表单。当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。 2.选中表单后可以在属性面板中设置表单属性 3.向表单中添加对象 9.3表单对象 9.3.1 文本域 9.3.2 单选钮 9.3.3 复选框 9.3.4 列表/菜单 9.3.5 图像按钮 9.3.6 表单按钮 9.3.7 插入文件上传域 9.3.1 文本域 文本域是一种让访问者自己输入内容的表单对象，您可以创建一个包含单行或多行的文本域。您也可以创建一个隐藏用户输入的文本的密码文本域。 将插入点放在表单轮廓内。选择表单工具面板上的“文本域”按钮。一个文本域随即出现在文档中。 9.3.2 单选钮 当需要访问者从一组选项中选择惟一答案时，就需要用到单选按钮 将插入点放在表单轮廓内。选择“表单工具栏”上的“单选按钮”图标 9.3.3 复选框 如果您打算让用户可以从一组选项中选择多个选项，可以使用表单工具栏上的“复选框”按钮来添加复选框，复选框允许在待选项中选中一项以上的选项.在复选框的属性面板上设置复选框的属性 9.3.4 列表/菜单 可以使用表单工具栏上的“列表/菜单”按钮来添加列表或者菜单。 9.3.5 图像按钮 表单中也可以插入图像，使表单更加美观。 单击“表单”工具栏中的“图像域”按钮，打开“选择图像源文件”对话框，在该对话框中选择一幅图像，然后单击“确定”按钮，即可在光标处插入一个图像域。图像域的属性面板如图所示。 9.3.6 表单按钮 定位光标，单击“表单”插入工具栏中的“按钮”按钮，即可在光标处插入一个按钮。 9.3.7 插入文件上传域 可以为表单创建文件上传域，文件上传域使用户可以选择其计算机上的文件，如字处理文档或图形文件，并将该文件上传到服务器。 定位光标，单击“表单”插入工具栏中的“文件域”按钮，即可在光标处插入一个文件域。 9.4 创建表单实例制作 9.4.1 制作表单创建留言簿 9.4.2 检查表单内容 9.4.1 制作表单创建留言簿 以第7章制作的“模板”站点中的“客户留言”为例，制作一个简单的表单实例，表单的最终效果如图所示。 9.4.2 检查表单内容 为了提高留言簿表单的作用，要为表单添加检查功能，使浏览者不能提交空的留言，也不能输入无效的电子邮件地址。 在我们制作的留言簿表单中，“姓名”、“电话”、“E-Mail”和“留言”都需要检查。在“E-Mail”项中，需要检查输入内容是否为合法的电子邮件格式；而其余两项则需要检查内容是否为空，如果是空，则不能提交表单的内容。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址：