《《Dreamweaver 8基础与实例教程》-马宪敏-电子教案 第9章》由会员分享，可在线阅读，更多相关《《Dreamweaver 8基础与实例教程》-马宪敏-电子教案 第9章（17页珍藏版）》请在金锄头文库上搜索。
1、第9章 表单及其应用,第9章 表单及其应用,9.1 交互式表单概述 9.2 创建表单 9.3 表单对象 9.4 创建表单实例制作,9.1交互式表单概述,一个表单中包含多个对象，有时也称为控件或表单元素，例如用于输入文本的文本域、用于发送命令的按钮、用于选择项目的单选按钮和复选框、用于显示列表项的列表框,9.2 创建表单,创建表单的具体操作步骤如下： 1.选择“插入”菜单中的“表单”命令或单击表单面板中的“表单”图标，将插入一个空的表单。当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。 2.选中表单后可以在属性面板中设置表单属性 3.向表单中添加对象,9.3表单对象,9.3.1 文本域 9
2、.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 复选框,如果您打算让用户可以从一组选项中选择多个选项，可以使用表单工
3、具栏上的“复选框”按钮来添加复选框，复选框允许在待选项中选中一项以上的选项.在复选框的属性面板上设置复选框的属性,9.3.4 列表/菜单,可以使用表单工具栏上的“列表/菜单”按钮来添加列表或者菜单。,9.3.5 图像按钮,表单中也可以插入图像，使表单更加美观。 单击“表单”工具栏中的“图像域”按钮，打开“选择图像源文件”对话框，在该对话框中选择一幅图像，然后单击“确定”按钮，即可在光标处插入一个图像域。图像域的属性面板如图所示。,9.3.6 表单按钮,定位光标，单击“表单”插入工具栏中的“按钮”按钮，即可在光标处插入一个按钮。,9.3.7 插入文件上传域,可以为表单创建文件上传域，文件上传域使
4、用户可以选择其计算机上的文件，如字处理文档或图形文件，并将该文件上传到服务器。 定位光标，单击“表单”插入工具栏中的“文件域”按钮，即可在光标处插入一个文件域。,9.4 创建表单实例制作,9.4.1 制作表单创建留言簿 9.4.2 检查表单内容,9.4.1 制作表单创建留言簿,以第7章制作的“模板”站点中的“客户留言”为例，制作一个简单的表单实例，表单的最终效果如图所示。,9.4.2 检查表单内容,为了提高留言簿表单的作用，要为表单添加检查功能，使浏览者不能提交空的留言，也不能输入无效的电子邮件地址。 在我们制作的留言簿表单中，“姓名”、“电话”、“E-Mail”和“留言”都需要检查。在“E-Mail”项中，需要检查输入内容是否为合法的电子邮件格式；而其余两项则需要检查内容是否为空，如果是空，则不能提交表单的内容。,
