DreamweaverCS3中文版实例教程 10 使用表单.pptVIP

　本章简介： 　　　 随着网络的普及，越来越多的人在网上拥有自己的个人网站。一般情况下，个人网站的设计者除了想宣传自己外，还希望收到他人的反馈信息。表单为网站设计者提供了通过网络接收用户数据的平台，如注册会员页、网上订货页、检索页等，都是通过表单来收集用户信息。因此，表单是网站管理者与浏览者间沟通的桥梁。 * 第10章　使用表单 课堂学习目标 使用表单 应用复选框和单选按钮 创建列表和菜单 10.1 使用表单 课堂案例——产品订单 创建表单 表单的属性 单行文本域 隐藏域 10.1.1　课堂案例——产品订单 使用“表单”按钮插入表单。使用“表格”按钮插入表格。使用“文本字段”按钮插入文本字段。使用“文本区域”按钮插入文本区域。使用“属性”面板设置表格、文本字段和文本区域的属性。 效果图 10.1.2　创建表单 在文档中插入表单的具体操作步骤如下。 （1）在文档窗口中，将插入点放在希望插入表单的位置。 （2）启用“表单”命令，文档窗口中出现一个红色的虚轮廓线用来指示表单域。 创建表单 10.1.3　表单的属性 在文档窗口中选择表单，“属性”面板中出现表单属性。 “属性”面板 10.1.4　单行文本域 通常使用表单的文本域来接收用户输入的信息，文本域包括单行文本域、多行文本域、密码文本域3种。一般情况下，当用户输入较少的信息时，使用单行文本域接收；当用户输入较多的信息时，使用多行文本域接收；当用户输入密码等保密信息时，使用密码文本域接收。 插入单行文本域 插入多行文本域 插入密码文本域 文本域属性 10.1.5　隐藏域 隐藏域在网页中不显示，只是将一些必要的信息存储并提交给服务器。插入隐藏域的操作类似于在高级语言中定义和初始化变量，对于初学者而言，不建议使用隐藏域。 若要在表单域中插入隐藏域，先将光标放在表单轮廓内需要插入隐藏域的位置，然后插入隐藏域。 10.2 应用复选框和单选按钮 课堂案例——留言板 单选按钮 单选按钮组 复选框 10.2.1　课堂案例——留言板 使用“单选”按钮插入单选按钮。使用“复选框”按钮插入复选框。 效果图 10.2.2　单选按钮 为了单选按钮的布局更加合理，通常采用逐个插入单选按钮的方式。若要在表单域中插入单选按钮，先将光标放在表单轮廓内需要插入单选按钮的位置，然后插入单选按钮。 10.2.3　单选按钮组 先将光标放在表单轮廓内需要插入单选按钮组的位置，然后启用“单选按钮组”对话框。 启用“单选按钮组”对话框有以下几种方法。 单击“插入”面板“表单”选项卡中的“单选按钮组”按钮。 选择“插入记录 表单 单选按钮组”命令。 10.2.4　复选框 为了复选框的布局更加合理，通常采用逐个插入复选框的方式。若要在表单域中插入复选框，先将光标放在表单轮廓内需要插入复选框的位置，然后插入复选框。 10.3 创建列表和菜单 课堂案例——会员注册表 创建列表和菜单 创建跳转菜单 课堂案例——精品鲜花网页 创建文件域 创建图像域 提交、无、重置按钮 10.3.1　课堂案例——会员注册表 使用“列表/菜单”按钮插入列表。使用“属性”面板设置列表属性。 效果图 10.3.2　创建列表和菜单 插入下拉菜单 若要在表单域中插入下拉菜单，先将光标放在表单轮廓内需要插入菜单的位置，然后插入下拉菜单。 插入滚动列表 若要在表单域中插入滚动列表，先将光标放在表单轮廓内需要插入滚动列表的位置，然后插入滚动列表。 10.3.3　创建跳转菜单 利用跳转菜单，设计者可将某个网页的URL地址与菜单列表中的选项建立关联。当用户浏览网页时，只要从跳转菜单列表中选择一菜单项，就会打开相关联的网页。 在网页中插入跳转菜单的具体操作步骤如下。 （1）将光标放在表单轮廓内需要插入跳转菜单的位置。 （2）启用“插入跳转菜单”命令，调出“插入跳转菜单”对话框，在对话框中进行设置，单击“确定”按钮完成设置。 （3）保存文档，在IE浏览器中单击“前往”按钮，网页就可以跳转到其关联的网页上。 10.3.4　课堂案例——精品鲜花网页 使用“文本字段”按钮插入文本字段。使用“图像域”按钮插入图像域。 效果图 10.3.5　创建文件域 网页中要实现上传文件的功能，需要在表单中插入文件域。文件域的外观与其他文本域类似，只是文件域还包含一个“浏览”按钮。用户浏览时可以手动输入要上传的文件路径，也可以使用“浏览”按钮定位并选择该文件。 若要在表单域中插入文件域，则先将光标放在表单轮廓内需要插入文件域的位置，然后插入文件域。 10.3.6　创建图像域 普通的按钮很不美观，为了设计需要，常使用图像代替按钮。通常使用图像按钮来提交数据。 插入图像