第6章 数据库.docx

1、第6章 数据库第6章如果您经常上网，那么就会经常接触到表章，它是用来收集站点访问者信息的集合。站点访问者填表单的方式是输入文本、单击单选按钮与复选框以及从下拉菜单中选择选项。在填好表单之后，站点访问者便发送出所输入的数据，该数据就会根据所设置的表单处理程序，以各种不同的方式进行处理。例如，要申请免费电子信箱，那被要求填写个人信息的区域就是表单。本章主要介绍FrontPage的表单知识，内容包括： 基本知识； 使用向导创建表单； 设计表单； 编辑表单； 处理表单； 搜索表单。61 基本知识下面介绍表单的概念、类型及创建表单的步骤。611 表单简介Web站点上的表单类似于纸上的表单，可以使用它收集

2、站点访问者的信息，例如，收集他们的订货、发货和付费方式等停息。通常，站点访问者在组合框、列表框等表单域中键入他们的信息，或者单击单选钮、复选框和下拉列表框来表明他们的意愿。此外，也可以在文本框中输入注释。Microsoft FrontPange 能够根据希望从站点访问者处收集的信息类型创建表单，创建这种表单既可以从一个空白表单开始（通过添加域在该空白表单的基础上构建），也可以使用【表单网页向导】。可以指定如何收集站点访问者输入的数据（表单结果），也可以决定如何在确认网页的表单中向站点访问者显示结果。612 表单类型常用表单类型包括： 联系信息表单； 请求表单； 包含发货和付费方式的订购表单；

3、反馈表单； 意见簿； 允许访问者搜索Web站点的搜索查询表单； 提示站点访问者输入用户名和密码的登录表单。613 创建表单步骤某些属性。例如，如果产品列表有所扩展，可以将这些产品添加到下拉框的选项中，站点访问者可以中进行选择或者，可以决定让FrontPage创建数据库来存储信息，而不是用电子邮件发送表单结果。若要创建表单域，可按以下步骤进行：将域添加到表：根据希望从站点访问者获得的信息类型，域可以是文本框、选项按钮、按钮等。域放在表单中之后，可以使用换行符、表格、级联样式表和定位，像布置文本一样在网页上布置这些域。域有很多不同的类型，甚至可以自定义域来满足要求。设置每个域的功能：决定好要添加到

4、表单中的域类型之后，就可以定义希望其执行的操作及其外观。可以直接在表单上键入，以包含域标签和指导，也可以设置每个域的属。例如，可以指定文本框的长度，决定选项默认状态是否为选中以及定义下拉框中的选项。设置数据项规则：也称为“有效性难数据项规则确保站点访问者可以正确地填写表单。例如，可以设置产品订购表单，只有当姓名、地址和付款方式都正确输入时，客户才能完成和和提交该表单。也可以指定要收集信息的格式。例如，若要收集信用卡号时，可以设置文本框只接受数字和连字符，而不接受其他字符。也可以要求字符数固定，这样站点访问者不臻由于失误而少输入一个数字。设置所需的信息收集方式：站点访问者提交表单之后，必须收集输

5、入的数据（表单结果），这样才能查看这些数据、将其显示给访问者或在需要时使用它们。FrontPage提供了数种表单处理程序，它们可以接受表单结果并执行各种操作。例如，站点访问者提交表单时，FrontPage可以将联系信息保存到客户数据库。或者，可以使表单结果以电子邮件的形式发送，或将其保存为文本文件或HTML文件。添加确认网页：FrontPage会自动向站点访问者显示确认网页（除非要使用自定义脚本）。也可以创建自己的确认网页，FrontPage会使用默认的确认网页，该网页中显示了一个包含表单中所有域的名称及其值的列表。创建键盘快捷键：键盘快捷键可以使站点访问者通过使用键盘来选择表单中的域，而不通

6、过单击域的方法来选择。快捷键显示为域标签中带下划线的字母，站点访问者可以通过同时按Alt和带划线的字母来选择域。指定表单的Tab 键次序：站点访问者可以通过按Tab在表单上导航，即在域之间移动。默认情况下，域在网页上的顺序（由上到下）就是访问者用Tab在整个表单中导航的顺序。不过，也可以指定不同的Tab键次序。614各种表单域表单域有以下几种，它们在浏览器中的效果如图6.1所示。 文本框：使用文本框可以收集少量的文本，例如名称或数字。 选项按钮：希望站点访问者只能从一组选项中选择一个选项时，可以使用选项按钮（也称为单选按钮）。 文本区域：使用文本区域可以收集一行或多行的文本，例如注释。这种域可

7、以滚动以容纳不同数量的文本。 下拉框：使用下拉框可为站点访问者提供一个选择列表。这种域与使用一组选项按钮类似，但其所战胜的表单空间较小。可以将下拉框设置为允许一个或多个选项 复选框：为可选的项目使用复选框。站点访问者可以选中或清除复选框，它们也可以选择多个项目。 按钮：使用按钮可以让站点访问者在填好表单后提交该表单，通过重置表单清除域或运自定义脚本。也可以在表单中添加图片，用做提交按钮。填写表单之后，站点访问者可以单击图片以提交该表单，然后表单上的数据，包括图片域名称，就会发送到表单处理程序。 高级按钮：通过在表单中插入高级按钮，可以编写脚本，让表单完成所需的工作。高级按钮可自定义的程序很高，

8、按钮上可以使用喜爱的字体、颜色甚至表格。 分组框：希望将一组相关的控件或文本同网页或当前表单上的其他信息分开时，可以添加分组框。 文件上载：可以给站点访问者提供向Web 站点发送文件的机会。插入“文件上载”表单域时，站点访问者单击【浏览】按钮，查找他们的文件，再单击【提交】。 密码域：希望站点访问者输入密码后才能访问Web站点时，请在注册表单中添加密码域。密码域其实只是一个单行文本框，站点访问者在这个域中键入数据时，大部分的Web浏览器都会将密码显示为星号以保护这些机密信息。注意：只有UNIX操作系统才允许通过Web浏览器进行密码有效性验证及注册。62 使用向导创建表单可以利用表单网页向导来创

9、建表单，它会要求提供以下的信息： 表单需要的数据内容。 表单内容的表现方式，可将表单整理成段落或列表，并选择是否要使用表格布局。 是否要在网页开头包含目录，对于大型的表单，是很有用的。 保存表单结果。向导允许将结果存为文本文件或HTML文件，或使用自定义的脚本处理结果。当站点访问者单击提交按钮时，表单结果会提交至指定位置。 向导使用这些信息来创建的表单。可以为表单选项编辑文本、定义属性和数据输入规则，以自定义表单。使用表单向导创建表单不失为一种好方法。但由于用户的要求不同，而表单向导能创建的表单种类有限，因此在使用表单向导生成一个表单之后，往往还需要进行修改。若要使用向导创建表单，可按以下步骤

10、进行：1. 单击【文件】菜单中【新建】子菜单的【网页或站点】命令。2. 系统随之在窗口右侧显示任务窗口，如图6.2所示。3. 在任务窗口的【根据模板新建】之下，单击【网页模板】，打开【网页模板】对话框，如图6.3所示。4. 选中对话框的【常规】选项卡，并双击【表单网页向导】，打开【表单网页向导】对话，如图6.4所示。5. 根据向导提示，单击【下一步】按钮，进入向导的下一步。6. 最后单击【完成】按钮完成表单的创建，如图6.5所示是根据向导创建的表单。63 设计表单设计表单时，Microsoft FrontPage会插入一个以虚线框住的矩形区域，其中包含一个【提交】按钮和一个【重置】按钮。在此矩

11、形区域内，可以添加文本和表单域，例如文本框、选项按钮、复选框、下拉框及按钮。如图6.1所示是表单在浏览器中的浏览效果。631在表单中添加文本框若要在网页中添加文本框，可按以下步骤进行：1. 在【网页】视图中，在表单中要放置文本框的位置单击。如果要插入表单域，但是还没有创建表单，Microsoft FrontPage将自动创建一个表单区域并将该域插入至此表单中。编辑网页时表单区域将以虚线形式显示：可以按回车键以插入新行。2. 单击【插入】菜单中【表单】子菜单的【文本框】命令，如图6.6所示。3. 出现一个长方形的方框和【提交】、【重置】按钮，长方形方框即为文本框。可以将【提交】、【重置】按钮拖到

12、稍远的位置或删除（单击选取中后按Delete键），然后在长方形的方框前单击定位光标并键入内容作为其标签，例如“请输入您的姓名：”。4. 双击文本框，打开【文本框属性】对话框，如图6.7所示。5. 在【名称】框中，键入标识文本框的名称。此内部名称用于在表单结果中标识此文本框，而不会显示在表单上。该名称在默认的确认网页上对站点访问者是可见的（确认网页在使用表单处理程序而不是自定义脚本时显示）。6. 如果希望站点访问者第一次打开表单时文本框中会出现文本，请在【初始值】框中键入文本。7. 在【宽度】框内，键入以字符数为单位的文本框宽度。8. 在【密码】域中，单击【是】或【否】来决定此域是否包含密码，从

13、而加密其中的内容。9. 设置完成后单击【确定】按钮即可。632 在表单中添加文本区若要在网页中添加文本区，可按以下步骤进行：1. 在【网页】视图中，在表单中要放置文本区的位置单击。如果要插入表单域，但是还没有创建表单，Microsoft FrontPage将自动创建一个表单区域并将该域插入到此表单中。编辑网页时表单区域将以虚线形式显示，可以按因车键以插入新行。2. 单击【插入】菜单中【表单】子菜单的【文本区】命令。3. 出现一个右侧带有两个小箭头的长方形方框和【提交】、【重置】按钮删除，然后在文本区前单击定位光标并键入内容作为其标签，例如“您的建议或意见：”，按回车键以使文本区下移一行。4.

14、双击文本区，打开【文本区属性】对话框，如图6.8所示。5. 在【名称】框中，键入识别文本区的名称。此内部名称用来在表单结果中标识此文本区，而不会显示在表单上。该名称在默认的确认网页上对站点访问者是可见的（确认网页在使用表单处理程序而不是自定义脚本时会显示）。6. 如果希望站点访问者第一次打开表单时文本区中会出现文本，请在【初始值】框中键入文本。7. 在【宽度】框中键入一个数字指定所要的文本区字符宽度。8. 在【行数】框内键入数字，该数字以文本行数为单位指定了所需文本区的高度。9. 设置完成后单击【确定】按钮即可。633 在表单中添加选项按钮若要在网页中添加选项按钮，可按以下步骤进行：1. 在【

15、网页】视图中，在表单中要放置选项按钮的位置单击定位光标，可以按回车键入插入新行。2. 单击【插入】菜单中【表单】子菜单的【选项按钮】命令。3. 出现一个带有小圆点的圆圈和【提交】、【重置】按钮，带有小圆点的圆圈即为选项按钮。可以将【提交】、【重置】按钮删除，然后在选项按钮前单击定位光标并键入内容作为其标签，例如“您的性别：”，在选项按钮后输入“男”。然后再单击【插入】菜单中【表单】子菜单的【选项按钮】命令以插入另一个选项按钮，并在其后输入“女”。4. 双击选项按钮，打开【选项按钮属性】按钮，如图6.9所示。5. 在【组名称】框中，键入用于标识此选项按钮所属的组的名称。此内部名称用来在表单结果中

16、标识此选项按钮组，而不会显示在表单上。该名称在默认的确认网页上对站点访问者是可见的（确认网页在使用表单处理程序而不是自定义脚本时会显示）。6. 在【值】框中，键入与此域关联的值。如果此选项按钮被选中，请这个值就会与表单结果一起返回，并显示在默认确认网页上。7. 如果希望站点访问者首次打开表单时此选项按钮被默认选中，请单击【初始状态】之下的【已选中】。8. 设置完成后单击【确定】按钮即可。634 在表单中添加复选框若要在网页中添加复选框，可按以下步骤进行：1. 在【网页】视图中，在表单中要放置复选框的位置单击定位光标，可以按回车键以插入新行。2. 单击【插入】菜单中【表单】子菜单的【复选框】命令

17、。3. 出现一个小方框和【提交】、【重置】按钮，小方框即为复选框。可以将【提交】、【重置】按钮删除，然后在复选框前单击定位光标并键入内容作为其标签，例如“您的爱好：”，在复选框后输入“文学”。然后再单击【插入】菜单中的【复选框】命令以插入另一个复选项，并在其后输入“艺术”等。4. 双击复选框，打开【复选框属性】对话框，如图6.10所示。5. 在【名称】框中，键入名称以标识该复选框，此内部名称用来在表单结果中标识该复选框，而不会显示在表单上。6. 在【值】框中，键入与该域关联的值。如果选中此复选框，则该值将同表单结果一起返回，并将显示在默认的确认网页上。如果示选中此复选框，则半包含组名，但该值为

18、空。7. 如果希望站点访问者首次打开表单时该复选框默认选中，请在【初始状态】之下单击【选中】。8. 设置完成后单击【确定】按钮即可。635 在表单中添加下拉框若要在网页中添加下拉框图，可按以下步骤进行：1. 在【网页】视图中，在表单中要放置下拉框的位置单击定位光标，可以按回车键以插入新行。2. 单击【插入】菜单中【表单】子菜单的【下拉框】命令。3. 出现一个右侧面带有下箭头的小方框和【提交】、【重置】按钮删除，然后在下拉框前单击定位光标并键入内容作为其标签，例如“您的学历：”。4. 双击下拉框，打开【下拉框属性】对话框，如图6.11所示。5. 在【名称】框中，键入标识下拉框的名称。6. 单击【

19、添加】按钮打开【添加选项】对话框，如图6.12所示，在其【选项】文本框中添加要显示在下拉框中的选项。如果想让此选项的值与下拉框本身所显示的文本不同，请选中【指定值】复选框，然后在框中键入值。例如，菜单中的选项可能是“研究生”，但是表单结果中返回的值勤可能是“硕士”。如果希望站点访问者首次打开表单时此选项被默认选中，请单击【初始状态】之下的【选中】单选钮。单击【确定】按钮返回。对每个要添加的选项重复该步骤。7. 若要更改选项显示的顺序，请单击列表中的选项，再单击【上移】或【下移】按钮。8. 在【高度】框内，键入想在下拉框中显示的文本行数。例如，如果下拉框中有三个选项，可以将高度设为3，这样所有的

20、选项都能看见。9. 如果要允许在下拉框中选择多重选取项，请单击【允许多重选项】之下的【是】。如果单击【否】，站点访问者将只能选择一个选项。10. 设置完成后单击【确定】按钮即可。636 在表单中添加分组框若要在网页中添加分组框，可按以下步骤进行：1. 在【网页】视图中，在表单中要放置分组框的位置单击定位光标，可以按回车键以插入新行。2. 单击【插入】菜单中【表单】子菜单的【分组框】命令。3. 出现一个方框和【提交】、【重置】按钮，方框即为分组框。可以将【提交】、【重置】按钮删除。4. 在分组框上单击鼠标右键，并在其快捷菜单中选择【分组框属性】命令，打开【分组框属性】对话框，如图6.13所示。5

21、. 在【标签】框中键入分组框标签的名称。6. 在【对齐】框中选择所需的分组框标签对齐方式。7. 设置完成后单击【确定】按钮即可。637 在表单中添加按钮若要添加按钮，可按以下步骤进行：（1） 在【网页】视图中，单击表单中要放置按钮的位置。（2） 单击插入菜单中表单子菜单的高级按钮命令。（3） 出现一个高级按钮和提交、重置按钮，高级按钮即为要添加的按钮。可以将提交、重置按钮删除。（4） 在高级按钮上单击鼠标右键，并在其快捷菜单中选择高级按钮属性命令，打开高级按钮属性对话框，如图6.14所示。（5） 在名称框中键入标识按钮的名称。此内部名称用来在表单结果中标识此提交按钮，而不会显示在表单上。该名称

22、在默认的确认网页上对站点访问都有是可见的确认网页在使用表单处理程序而不是自定义脚本时会显示。（6） 在按钮类型下拉列表中选择“普通”、“重置”或“提交”。如果选择“普通”，则需要为该按钮编写一个脚本，使其具有某种功能。（7） 在按钮大小区域，以字符为单位选择按钮的宽度和高度。（8） 设置完成后单击确定按钮即可。638在表单中添加图片作为提交按钮若要在表单中添加图片作为提交按钮，可按以下步骤进行：1. 单击表单中要放置提交按钮的位置。2. 单击插入菜单中表单子菜单的图片命令，打开图片对话框，如图6.15所示。3. 如果知道图片的名称，可直接在文件名框中键入图片名称，再单击插入按钮。如果图片不在本

23、地驱动器或网络上，请在查找范围框中查找所需的图片。或者，单击对话框左边的按钮之一来查找图片，再单击插入按钮。4. 在插入的图片上单击鼠标右键，并在其快捷菜单中选择表单域属性命令，打开图片属性对话框，如图6.16所示。5. 在图片名称对话框中，可设置图片的名称、外观等属性。6. 设置完成后单击确定按钮即可。639 设置数据输入规则可以为文本框、文本区、下拉框等设置数据输入规则，即可难有效性，让站点访问者根据所设置的规则，在表单域 中输入数据。例如，可以设立一个只接受数字、文本框，来要求访问者输入电话号码。可用如下的要求来收集信用卡卡号：只允许输入数字、每一个框要输入四个数字等。若要设置数据输入规

24、则，可按以下步骤进行：1. 在网页视图模式下，在要设置数据输入规则的文本框、文本区或下拉框上双击，打开其相应的属性对话框。2. 在打开的属性对话框里单击验证有效性按钮，打开XXX有效性验证对话框，如图6.17所示（本例为文本框有效性验证对话框）。3. 在数据类型的下拉列表框中，选中所允许的数据类别：无限制、文本、整数或数字。4. 如果将数据限制为文本，请选择域中所允许的文本类型：字母、数字、空白（空白、制表符、回车符和换行符）或其他（如逗号和连字符等各种字符）。如果选择其他，请在框中键入允许输入的字符。5. 如果将数据限制为为整数或数字，请指定分组的字符。可以禁止使用任何的标点，也可以允许用句

25、点组成如123。456。789的数字，也可以允许用逗号组成如123，456，789的数字。6. 如果将数据限制为数字，请指定小数点所要使用的字符。不能将同一个字符用在千分号和小数点。7. 如果要求站点访问者必须在文本框中键入数据，选中要求复选框。若要指定文本框中所能允许的最少字符数，请在最小长度框中键入值。若要指定文本框中所能允许的最多字符数，请在最大长度框中键入值。8. 若要指定值的限制，例如，要求文本框中的值必须大于10，请选择域必须是复选框，然后单击对应下拉列表中的条件。在值文本框中，键入条件限制的值。若要指定第二个条件限制，请选择同时必须是复选取框，然后指定条件和值。9. 如果数据类型

26、是数字或整数，那么确认规则将使用数字比较：如果数据类型是文本或无限制，那么确认规则将使用字母比较。10. 在显示名称框中，为站点访问者键入标识文本框的名称。如果访问者在提交表单时，并示达到为文本框所设置的条件，这个名称就会被显示的消息中。例如，站点访问者会看到“请输入显示名称域的值”。11. 设置完成后单击确定按钮即可。6310 在表单中添加密码域当要求站点访问者输入密码后才能进入站点时，请在注册表单中添加密码域。密码域其实只是一个单行的文本框，当站点访问者在这个域中键入数据时，大部分的Web浏览器都会以星号显示密码以保密。当在表单上放置单行文本框后，请为它指定一个内部名称。内部名称不会被显示

27、在表单上，但可在表单结果中用来标识该域。同时必须将该文本框设为密码域。当提交表单时，该域的名称和内容都会被包含在表单结果中。注意：只有是使用注册表单处理程序或自定义脚本来处理表单结果时，密码域才会进行确认。若要在表单中清加密码域，可按以下步骤进行：1. 在网页视图模式下，单击想在表单中放置密码域的地方。可以单击回车键，以插入新的一行。2. 单击插入菜单中表单子菜单的文本框命令。3. 在表单上文本框旁键入密码域的标签，例如：“请输入口令：”4. 双击文本框打开文本框属性对话框。5. 在名称文本框中，键入标识密码域的名称。6. 在宽度文本框中，键入希望文本框容纳的字符数。7. 选中密码域下的是单选

28、钮，如图6.18所示。8. 设置完成后单击确定按钮即可。64编辑表单可以删除表单，而且可以设置表单域的键盘快捷键及Tab键的顺序等。641 删除表单中的域可以根据需要来删除表单中的域。其方法是：在网页视图模式下，单击想要删除的域（表单元素），例如文本框，然后按Delete 键即可删除。若要删除隐藏域，可用鼠标右键单击表单，再单击快捷菜单上的表单属性，打开表单属性对话框，如图6.19所示，单击其中的高级按钮，打开高级表单属性对话框，如图6.20所示，从其列表明中选择隐藏域 ，再单击删除按钮即可。642 为表单中的域制作可选择式标签站点访问者可用单击的方式来选取复选框或单击按钮，然而，也可以制作一

29、个可选择式标签，从而站点访问者可以通过单击域附属的文本来选择域，这样就提供一个更简易的方式来选择选项，并且改善可访问性。例如复选框，一般是只有直接单击该复选框才能选中，但可以为其制作可选择标签，可以通过单击它本身或它的标签来选中。若要为表单中的域制作可选择式标签，可按以下步骤进行：1. 在网页视图模式下，在想要添加标签的表单无素旁键入文本。2. 选中文本和表单元素。3. 单击插入菜单中表单子菜单的标签命令即可。但需要注意的是：这项功能只有在支持动态HTML的浏览器，如Microsoft Internet Explorer4。0中才会起作用。643 设置表单中域的键盘快捷键可以为表单元至少设置键

30、盘的快捷键。键盘快捷键可以让站点访问者使用键盘来选择表单中的元素，而不需要以单击元素的方法来做选择。快捷键是以字母加下划线的方式显示在域标签中，站点访问者以同时按Alt键和加下划线字母的选择元素。注意：1. 在设置域的键盘快捷之间，必须制作域的标签。2. 这项功能只有在支持动态HTML的浏览器，如Microsoft Internet Explorer4。0中，才会起作用。 设置表单中域的键盘快捷键的方法是：在网页视图模式下，选择域标签中的一个字母，而后单击格式工具栏的下划线按钮642 设置表单中Tab键的顺序站点访问者可以利用Tab键在域间移动。默认情况下，网页上域的顺序（由上到下）就是访问者

31、用Tab键导航整个表单的顺序。但是，也可以指定不同的顺序。注意：只有Microsoft Internet Explorer4。0或之后的版本才支持自定义Tab键顺序，其他的Web浏览器和旧版的Microsoft Internet Explorer使用默认的Tab键顺序。设置表单中Tab键的顺序的方法是：1. 在网页视图模式下，双击域打开域属性对话框。2. 在Tab键顺序框中，键入一个数字（1-999）来指明所选择域的Tab 键顺序。如果为两个或两个以上的域指定了相同的数字，那么在网页较上面的域，其Tab键顺序就会靠前。若要从Tab键顺序中将域删除，请键入-1。3. 设置完成后单击确定按钮即可。645 修改表单中的域属性可以修改域的属性，包括： 域名称。它用于内部引用，不是要在表单域旁边显示的文本。例如，将单行文本框的默认名称T1更改为Firstname。表单结果中将会包含这些域名称。 初始值或域状态。例如，可以键入首次打开表单时显示在文本框内的文本，或指定某一选项在默认情况下是否处于选中状态。 域值。当选项被选中时，域值将随表单结果结果返回。例如，将单选取按钮的默认值v1改为Yes。 域在表单的Tab键次序中的位置。