网页设计与制作 王学军 第14章 创建表单页面.pptVIP

表单是制作ASP应用程序网页的基础，用户可以通过它向服务器提交数据，服务器通过它收集用户数据。制作这种能够传递数据的表单网页通常需要两个步骤：一是创建表单页面，二是编写应用程序。本章主要介绍创建表单页面的基本方法。 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 第14章 创建表单页面 学习目标 了解表单的基本概念。 掌握插入和设置表单对象的方法。 掌握使用行为验证表单的方法。 掌握插入和设置Spry验证表单对象的方法。 14.1 关于表单 表单在网页中最多的用途就是填写用户信息，例如在申请某个网站的电子邮箱时，就要求填写一些个人信息，而添加这些个人信息的功能，就是由表单来实现的，如图14-1所示。填写个人信息的页面上包括很多表单元素。如果希望用户输入数据，通常使用文本域、密码域、文本区域等；如果希望用户进行选择，通常使用单选按钮、复选框、列表/菜单等；如果希望能够传递一些用户看不到的信息，通常使用隐藏域等。所有这些元素的组合，称之为表单。 14.1 关于表单 在制作表单页面时，需要插入表单对象，或称表单元素。插入表单对象通常有两种方法，一种是选择【插入记录】/【表单】中的相应命令，另一种是使用【插入】/【表单】工具栏中的相应工具按钮。 14.2 表单对象 表单 文本域和文本区域 单选按钮和单选按钮组 复选框 列表/菜单 跳转菜单 图像域 文件域 隐藏域 字段集 标签 按钮 14.2.1 表单 在制作表单网页时，应该首先插入一个表单域，然后在表单域中插入各个表单对象，因为服务器只接受表单域内的内容。也可以直接插入表单对象，在首次插入表单对象时，Dreamweaver CS3将自动插入表单域。在使用表格布局且有多个表单元素的情况下，建议先插入表单域，然后在表单域中插入一个多行2列的表格，在表格单元格中再插入表单对象。 选择【插入记录】/【表单】/【表单】命令，或者在【插入】/【表单】工具栏中单击 （表单）按钮插入一个表单域。 14.2.2 文本域和文本区域 文本域是可以输入文本内容的表单对象。在Dreamweaver中可以创建一个单行文本域或多行的文本区域，也可以创建一个隐藏用户输入文本的密码文本域。在插入表单对象时，如果在【首选参数】对话框的【辅助功能】分类中选择了【表单对象】复选框，此时将显示【输入标签辅助功能属性】对话框。该对话框将方便进一步设置表单对象的属性。如果在【输入标签辅助功能属性】对话框中单击 按钮，表单对象也可以插入到文档中。如果在【首选参数】对话框的【辅助功能】分类中取消选择【表单对象】复选框，在插入表单对象时，将不会出现【输入标签辅助功能属性】对话框。 14.2.2 文本域和文本区域 文本域是可以输入文本内容的表单对象。选择【插入记录】/【表单】/【文本域】命令，将在文档中插入文本域。单击并选中文本域，将显示其【属性】面板。 13.2.2 文本域和文本区域 选择【插入记录】/【表单】/【文本区域】命令，将在文档中插入文本域。单击并选中文本区域，将显示其【属性】面板。 14.2.3 单选按钮和单选按钮组 单选按钮主要用于标记一个选项是否被选中，单选按钮只允许用户从选项中选择唯一答案。单选按钮通常成组使用，同组中的单选按钮必须具有相同的名称，但它们的域值是不同的。选择【插入记录】/【表单】/【单选按钮】命令，将在文档中插入单选按钮。 14.2.3 单选按钮和单选按钮组 选择【插入记录】/【表单】/【单选按钮组】命令，可以一次性在表单中插入多个单选按钮。 14.2.4 复选框 复选框常被用于有多个选项可以同时被选择的情况。每个复选框都是独立的，必须有一个唯一的名称。选择【插入记录】/【表单】/【复选框】命令，将在文档中插入复选框，反复执行该操作将插入多个复选框。 14.2.5 列表/菜单 列表/菜单可以显示一个包含有多个选项的可滚动列表，在列表中可以选择需要的项目。选择【插入记录】/【表单】/【列表/菜单】命令，将在文档中插入列表/菜单。 14.2.6 跳转菜单 跳转菜单利用表单元素形成各种选项的列表。当选择列表中的某个选项时，浏览器会立即跳转到一个新网页。选择【插入记录】/【表单】/【跳转菜单】命令，将打开【插入跳转菜单】对话框，然后进行参数设置即可。 14.2.7 图像域 图像域用于在表单中插入一幅图像从而生成图形化按钮，在网页中使用图像域要比单纯使用按钮丰富得多。选择【插入记录】/【表单】/【图像域】命令，可以插入图像域。 14.2.8 文件域 文件域的作用是使用户可以浏览并选择本地计算机上的某个文件，以便将该文件作为表单数据进行上传。当然，真正上传文件还需要相应的上传组件才能进行，文件域仅仅是起供