《Dreamweaver_8基础与实例教程》第9章

《《Dreamweaver_8基础与实例教程》第9章》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第9章表单及其应用转载：saya第9章表单及其应用9.1交互式表单概述9.2创建表单9.3表单对象9.4创建表单实例制作9.1交互式表单概述一个表单中包含多个对象，有时也称为控件或表单元素，例如用于输入文本的文本域、用于发送命令的按钮、用于选择项目的单选按钮和复选框、用于显示列表项的列表框9.2创建表单创建表单的具体操作步骤如下：1.选择“插入”菜单中的“表单”命令或单击表单面板中的“表单”图标，将插入一个空的表单。当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。2.选中表单后可以在属性面板中设置表单属性3.向表单中添加对象9.

2、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复选框如果您打算让用户

3、可以从一组选项中选择多个选项，可以使用表单工具栏上的“复选框”按钮来添加复选框，复选框允许在待选项中选中一项以上的选项.在复选框的属性面板上设置复选框的属性9.3.4列表/菜单可以使用表单工具栏上的“列表/菜单”按钮来添加列表或者菜单。9.3.5图像按钮表单中也可以插入图像，使表单更加美观。单击“表单”工具栏中的“图像域”按钮，打开“选择图像源文件”对话框，在该对话框中选择一幅图像，然后单击“确定”按钮，即可在光标处插入一个图像域。图像域的属性面板如图所示。9.3.6表单按钮定位光标，单击“表单”插入工具栏中的“按钮”按钮，即可在光标

4、处插入一个按钮。9.3.7插入文件上传域可以为表单创建文件上传域，文件上传域使用户可以选择其计算机上的文件，如字处理文档或图形文件，并将该文件上传到服务器。定位光标，单击“表单”插入工具栏中的“文件域”按钮，即可在光标处插入一个文件域。9.4创建表单实例制作9.4.1制作表单创建留言簿9.4.2检查表单内容9.4.1制作表单创建留言簿以第7章制作的“模板”站点中的“客户留言”为例，制作一个简单的表单实例，表单的最终效果如图所示。9.4.2检查表单内容为了提高留言簿表单的作用，要为表单添加检查功能，使浏览者不能提交空的留言，也不能输入无

5、效的电子邮件地址。在我们制作的留言簿表单中，“姓名”、“电话”、“E-Mail”和“留言”都需要检查。在“E-Mail”项中，需要检查输入内容是否为合法的电子邮件格式；而其余两项则需要检查内容是否为空，如果是空，则不能提交表单的内容。