《网页制作之表单及其应用》由会员分享，可在线阅读，更多相关《网页制作之表单及其应用（18页珍藏版）》请在金锄头文库上搜索。
1、第9章 表单及其应用第9章 表单及其应用 n9.1 9.1 交互式表单概述交互式表单概述n9.2 9.2 创建表单创建表单n9.3 9.3 表单对象表单对象 n9.4 9.4 创建表单实例制作创建表单实例制作29.19.1交互式表单概述交互式表单概述n一个表单中包含多个对象，有时也称为控件或表单元素，例如用于输入文本的文本域、用于发送命令的按钮、用于选择项目的单选按钮和复选框、用于显示列表项的列表框 39.2 创建表单 创建表单的具体操作步骤如下：1.选择“插入”菜单中的“表单”命令或单击表单面板中的“表单”图标，将插入一个空的表单。当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。2.选
2、中表单后可以在属性面板中设置表单属性 3.向表单中添加对象49.39.3表单对象表单对象n9.3.1 9.3.1 文本域文本域n9.3.2 9.3.2 单选钮单选钮n9.3.3 9.3.3 复选框复选框n9.3.4 9.3.4 列表列表/ /菜单菜单n9.3.5 9.3.5 图像按钮图像按钮n9.3.6 9.3.6 表单按钮表单按钮n9.3.7 9.3.7 插入文件上传域插入文件上传域59.3.1 9.3.1 文本域文本域n文本域是一种让访问者自己输入内容的表单对象，您文本域是一种让访问者自己输入内容的表单对象，您可以创建一个包含单行或多行的文本域。您也可以创可以创建一个包含单行或多行的文本域
3、。您也可以创建一个隐藏用户输入的文本的密码文本域。建一个隐藏用户输入的文本的密码文本域。 6将插入点放在表单轮廓内。选择表单工具面板上的“文本域”按钮。一个文本域随即出现在文档中。 79.3.2 9.3.2 单选钮单选钮n当需要访问者从一组选项中选择惟一答案时，就需要用到单选按钮 8n将插入点放在表单轮廓内。选择“表单工具栏”上的“单选按钮”图标 99.3.3 9.3.3 复选框复选框n如果您打算让用户可以从一组选项中选择多个选项，可以使用表单工具栏上的“复选框”按钮来添加复选框，复选框允许在待选项中选中一项以上的选项.在复选框的属性面板上设置复选框的属性 109.3.4 9.3.4 列表列表
4、/ /菜单菜单n可以使用表单工具栏上的“列表/菜单”按钮来添加列表或者菜单。119.3.5 9.3.5 图像按钮图像按钮表单中也可以插入图像，使表单更加美观。单击“表单”工具栏中的“图像域”按钮，打开“选择图像源文件”对话框，在该对话框中选择一幅图像，然后单击“确定”按钮，即可在光标处插入一个图像域。图像域的属性面板如图所示。129.3.6 9.3.6 表单按钮表单按钮n定位光标，单击“表单”插入工具栏中的“按钮”按钮，即可在光标处插入一个按钮。 139.3.7 9.3.7 插入文件上传域插入文件上传域n可以为表单创建文件上传域，文件上传域使用户可以选择其计算机上的文件，如字处理文档或图形文件
5、，并将该文件上传到服务器。n定位光标，单击“表单”插入工具栏中的“文件域”按钮，即可在光标处插入一个文件域。 149.4 9.4 创建表单实例制作创建表单实例制作n9.4.1 9.4.1 制作表单创建留言簿制作表单创建留言簿n9.4.2 9.4.2 检查表单内容检查表单内容159.4.1 9.4.1 制作表单创建留言簿制作表单创建留言簿n以第7章制作的“模板”站点中的“客户留言”为例，制作一个简单的表单实例，表单的最终效果如图所示。 169.4.2 9.4.2 检查表单内容检查表单内容n为了提高留言簿表单的作用，要为表单添加检查功能，使浏览者不能提交空的留言，也不能输入无效的电子邮件地址。 n在我们制作的留言簿表单中，“姓名”、“电话”、“E-Mail”和“留言”都需要检查。在“E-Mail”项中，需要检查输入内容是否为合法的电子邮件格式；而其余两项则需要检查内容是否为空，如果是空，则不能提交表单的内容。17部分资料从网络收集整理而来，供大家参考，感谢您的关注！
