表单和spry构件.ppt

表单和spry构件.ppt

《表单和spry构件.ppt》由会员分享，可在线阅读，更多相关《表单和spry构件.ppt（39页珍藏版）》请在冰豆网上搜索。

表单是制作表单是制作ASPASP应用程序网页的基础，用应用程序网页的基础，用户可以通过它向服务器提交数据，服务器通户可以通过它向服务器提交数据，服务器通过它收集用户数据。

制作这种能够传递数据过它收集用户数据。

制作这种能够传递数据的表单网页通常需要两个步骤：

一是创建表的表单网页通常需要两个步骤：

一是创建表单页面，二是编写应用程序。

本次课主要介单页面，二是编写应用程序。

本次课主要介绍创建表单页面的基本方法。

绍创建表单页面的基本方法。

创建表单页面创建表单页面学习目标了解表单的基本概念。

了解表单的基本概念。

掌握插入和设置表单对象的方法。

掌握插入和设置表单对象的方法。

掌握使用行为验证表单的方法。

掌握使用行为验证表单的方法。

关于表单表单在网页中最多的用途就是填写用户信息，例如在申请某个网表单在网页中最多的用途就是填写用户信息，例如在申请某个网站的电子邮箱时，就要求填写一些个人信息，而添加这些个人信息站的电子邮箱时，就要求填写一些个人信息，而添加这些个人信息的功能，就是由表单来实现的，如图的功能，就是由表单来实现的，如图14-114-1所示。

填写个人信息的页所示。

填写个人信息的页面上包括很多表单元素。

如果希望用户输入数据，通常使用文本域、面上包括很多表单元素。

如果希望用户输入数据，通常使用文本域、密码域、文本区域等；如果希望用户进行选择，通常使用单选按钮、密码域、文本区域等；如果希望用户进行选择，通常使用单选按钮、复选框、列表复选框、列表/菜单等；如果希望能够传递一些用户看不到的信息，菜单等；如果希望能够传递一些用户看不到的信息，通常使用隐藏域等。

所有这些元素的组合，称之为表单。

通常使用隐藏域等。

所有这些元素的组合，称之为表单。

关于表单在制作表单页面时，需要插入表单对象，或称表单元素。

插入表在制作表单页面时，需要插入表单对象，或称表单元素。

插入表单对象通常有两种方法，一种是选择【插入记录】单对象通常有两种方法，一种是选择【插入记录】/【表单】中的相【表单】中的相应命令，另一种是使用【插入】应命令，另一种是使用【插入】/【表单】工具栏中的相应工具按钮。

【表单】工具栏中的相应工具按钮。

表单对象表单表单文本域和文本区域文本域和文本区域单选按钮和单选按钮组单选按钮和单选按钮组复选框复选框列表列表/菜单菜单跳转菜单跳转菜单图像域图像域文件域文件域隐藏域隐藏域字段集字段集标签标签按钮按钮表单在制作表单网页时，应该首先插入一个表单域，然后在表单域在制作表单网页时，应该首先插入一个表单域，然后在表单域中插入各个表单对象，因为服务器只接受表单域内的内容。

也可中插入各个表单对象，因为服务器只接受表单域内的内容。

也可以直接插入表单对象，在首次插入表单对象时，以直接插入表单对象，在首次插入表单对象时，DreamweaverCS3DreamweaverCS3将自动插入表单域。

在使用表格布局且有多个表单元素的情况下，将自动插入表单域。

在使用表格布局且有多个表单元素的情况下，建议先插入表单域，然后在表单域中插入一个多行建议先插入表单域，然后在表单域中插入一个多行22列的表格，在列的表格，在表格单元格中再插入表单对象。

表格单元格中再插入表单对象。

选择【插入记录】选择【插入记录】/【表单】【表单】/【表单】命令，或者在【插入】【表单】命令，或者在【插入】/【表单】工具栏中单击【表单】工具栏中单击（表单）按钮插入一个表单域。

（表单）按钮插入一个表单域。

文本域和文本区域文本域是可以输入文本内容的表单对象。

在文本域是可以输入文本内容的表单对象。

在DreamweaverDreamweaver中可以中可以创建一个单行文本域或多行的文本区域，也可以创建一个隐藏用户创建一个单行文本域或多行的文本区域，也可以创建一个隐藏用户输入文本的密码文本域。

在插入表单对象时，如果在【首选参数】输入文本的密码文本域。

在插入表单对象时，如果在【首选参数】对话框的【辅助功能】分类中选择了【表单对象】复选框，此时将对话框的【辅助功能】分类中选择了【表单对象】复选框，此时将显示【输入标签辅助功能属性】对话框。

该对话框将方便进一步设显示【输入标签辅助功能属性】对话框。

该对话框将方便进一步设置表单对象的属性。

如果在【输入标签辅助功能属性】对话框中单置表单对象的属性。

如果在【输入标签辅助功能属性】对话框中单击击按钮，表单对象也可以插入到文档中。

如果在【首选参按钮，表单对象也可以插入到文档中。

如果在【首选参数】对话框的【辅助功能】分类中取消选择【表单对象】复选框，数】对话框的【辅助功能】分类中取消选择【表单对象】复选框，在插入表单对象时，将不会出现【输入标签辅助功能属性】对话框。

在插入表单对象时，将不会出现【输入标签辅助功能属性】对话框。

文本域和文本区域文本域是可以输入文本内容的表单对象。

选择【插入记录】文本域是可以输入文本内容的表单对象。

选择【插入记录】/【表单】表单】/【文本域】命令，将在文档中插入文本域。

单击并选中文本【文本域】命令，将在文档中插入文本域。

单击并选中文本域，将显示其【属性】面板。

域，将显示其【属性】面板。

文本域和文本区域选择【插入记录】选择【插入记录】/【表单】【表单】/【文本区域】命令，将在【文本区域】命令，将在文档中插入文本域。

单击并选中文本区域，将显示其【属性文档中插入文本域。

单击并选中文本区域，将显示其【属性】面板。

】面板。

单选按钮和单选按钮组单选按钮主要用于标记一个选项是否被选中，单选按钮单选按钮主要用于标记一个选项是否被选中，单选按钮只允许用户从选项中选择唯一答案。

单选按钮通常成组使用，只允许用户从选项中选择唯一答案。

单选按钮通常成组使用，同组中的单选按钮必须具有相同的名称，但它们的域值是不同组中的单选按钮必须具有相同的名称，但它们的域值是不同的。

选择【插入记录】同的。

选择【插入记录】/【表单】【表单】/【单选按钮】命令，将【单选按钮】命令，将在文档中插入单选按钮。

在文档中插入单选按钮。

单选按钮和单选按钮组选择【插入记录】选择【插入记录】/【表单】【表单】/【单选按钮组】命令，可【单选按钮组】命令，可以一次性在表单中插入多个单选按钮。

以一次性在表单中插入多个单选按钮。

复选框复选框常被用于有多个选项可以同时被选择的情况。

每复选框常被用于有多个选项可以同时被选择的情况。

每个复选框都是独立的，必须有一个唯一的名称。

选择【插入个复选框都是独立的，必须有一个唯一的名称。

选择【插入记录】记录】/【表单】【表单】/【复选框】命令，将在文档中插入复选框，【复选框】命令，将在文档中插入复选框，反复执行该操作将插入多个复选框。

反复执行该操作将插入多个复选框。

列表/菜单列表列表/菜单可以显示一个包含有多个选项的可滚动列表，菜单可以显示一个包含有多个选项的可滚动列表，在列表中可以选择需要的项目。

选择【插入记录】在列表中可以选择需要的项目。

选择【插入记录】/【表单【表单】/【列表【列表/菜单】命令，将在文档中插入列表菜单】命令，将在文档中插入列表/菜单。

菜单。

跳转菜单跳转菜单利用表单元素形成各种选项的列表。

当选择列表跳转菜单利用表单元素形成各种选项的列表。

当选择列表中的某个选项时，浏览器会立即跳转到一个新网页。

选择【插中的某个选项时，浏览器会立即跳转到一个新网页。

选择【插入记录】入记录】/【表单】【表单】/【跳转菜单】命令，将打开【插入跳转菜【跳转菜单】命令，将打开【插入跳转菜单】对话框，然后进行参数设置即可。

单】对话框，然后进行参数设置即可。

图像域图像域用于在表单中插入一幅图像从而生成图形化按钮，在网图像域用于在表单中插入一幅图像从而生成图形化按钮，在网页中使用图像域要比单纯使用按钮丰富得多。

选择【插入记录】页中使用图像域要比单纯使用按钮丰富得多。

选择【插入记录】/【表单】【表单】/【图像域】命令，可以插入图像域。

【图像域】命令，可以插入图像域。

文件域文件域的作用是使用户可以浏览并选择本地计算机上的某个文件域的作用是使用户可以浏览并选择本地计算机上的某个文件，以便将该文件作为表单数据进行上传。

当然，真正上传文文件，以便将该文件作为表单数据进行上传。

当然，真正上传文件还需要相应的上传组件才能进行，文件域仅仅是起供用户浏览件还需要相应的上传组件才能进行，文件域仅仅是起供用户浏览并选择计算机上文件的作用，并不起上传的作用。

选择【插入记并选择计算机上文件的作用，并不起上传的作用。

选择【插入记录】录】/【表单】【表单】/【文件域】命令，将插入一个文件域。

【文件域】命令，将插入一个文件域。

隐藏域隐藏域主要用来储存并提交非用户输入信息，如注册时隐藏域主要用来储存并提交非用户输入信息，如注册时间、认证号等，这些都需要使用间、认证号等，这些都需要使用JavaScriptJavaScript、ASPASP等源代码等源代码来编写，隐藏域在网页中一般不显现。

选择【插入记录】来编写，隐藏域在网页中一般不显现。

选择【插入记录】/【表单】【表单】/【隐藏域】命令，将插入一个隐藏域。

【隐藏域】命令，将插入一个隐藏域。

字段集插入字段集后，在页面中将出现一个圆角矩形框，用来将一些内容相插入字段集后，在页面中将出现一个圆角矩形框，用来将一些内容相关的表单对象放在一组。

可以先插入字段集，然后再在其中插入表单对象。

关的表单对象放在一组。

可以先插入字段集，然后再在其中插入表单对象。

也可以先插入表单对象，然后将它们选择再插入字段集。

选择【插入记录也可以先插入表单对象，然后将它们选择再插入字段集。

选择【插入记录】/【表单】【表单】/【字段集】命令，插入一个字段集。

【字段集】命令，插入一个字段集。

标签使用标签可以向源代码中插入一对使用标签可以向源代码中插入一对HTML标签标签“”。

其作用与在【输入标签辅助功能属性】对话框的【样式】选项中选择【用其作用与在【输入标签辅助功能属性】对话框的【样式】选项中选择【用标签标记环绕】单选按钮的用途是一样的。

选择【插入记录】标签标记环绕】单选按钮的用途是一样的。

选择【插入记录】/【表单】【表单】/【标签】命令，即可插入一个标签。

【标签】命令，即可插入一个标签。

按钮按钮对于表单来说是必不可少的，它可以控制表单的操作。

使用按钮按钮对于表单来说是必不可少的，它可以控制表单的操作。

使用按钮可以将表单数据提交到服务器，或者重置该表单。

选择【插入记录】可以将表单数据提交到服务器，或者重置该表单。

选择【插入记录】/【表单】表单】/【按钮】命令，即可插入一个按钮。

【按钮】命令，即可插入一个按钮。

使用行为验证表单表单在提交到服务器端以前，必须进行验证，以确保输入表单在提交到服务器端以前，必须进行验证，以确保输入数据的合法性。

所谓合法性是指，应该输入数据的文本域是否数据的合法性。

所谓合法性是指，应该输入数据的文本域是否输入了数据，应该输入数字的文本域是否输入了文本，应该输输入了数据，应该输入数字的文本域是否输入了文本，应该输入电子邮件的文本域电子邮件格式是否正确，等等。

总之，在入电子邮件的文本域电子邮件格式是否正确，等等。

总之，在将表单提交到服务器端以前，应该对这些需要用户输入的数据将表单提交到服务器端以前，应该对这些需要用户输入的数据进行检查。

使用【检查表单】行为可以对文本框中的数据进行进行检查。

使用【检查表单】行为可以对文本框中的数据进行简单的检查。

简单的检查。

表单验证又分两种方式：

一种是用户在填写表单时，每输表单验证又分两种方式：

一种是用户在填写表单时，每输入完一个文本框的内容立即进行验证，不合法需要重新输入；入完一个文本框的内容立即进行验证，不合法需要重新输入；另一种是等到用户填写完表单中的所有文本域后，在进行数据另一种是等到用户填写完表单中的所有文本域后，在进行数据提交时对所有的数据进行验证，如果含有不合法的数据无法提提交时对所有的数据进行验证，如果含有不合法的数据无法提交表单。

对于前一种情况，需要使用【检查表单】行为分别检交表单。

对于前一种情况，需要使用【检查表单】行为分别检查各个表单对象。

对于后一种情况，需要选中整个表单，然后查各个表单对象。

对于后一种情况，需要选中整个表单，然后使用【检查表单】行为对