《（中职）网页设计与制作教程7.ppt》由会员分享，可在线阅读，更多相关《（中职）网页设计与制作教程7.ppt（59页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、YCF正版可修改PPT（中职）网页设计与制作教程7项目活动七在线注册页面制作项目活动七在线注册页面制作:表单的表单的应用应用任务一创建表单及表单对象任务一创建表单及表单对象任务二验证表单任务二验证表单任务三制作在线注册页面任务三制作在线注册页面返回任务一创建表单及表单对象任务一创建表单及表单对象一、了解表单一、了解表单表单是表单是 用户与服务器进行信息交流的重要工具，用户与服务器进行信息交流的重要工具，在网页中有着广泛的应用，如留言板、搜索引擎、注册程序等。在网页中有着广泛的应用，如留言板、搜索引擎、注册程序等。通常，通常，一个表单会包含多个对象，一个表单会包含多个对象，也称为控件。也称为控件
2、。所有的表单对象都包含在所有的表单对象都包含在 和和 标签中。标签中。如如图图 所示的在线注册页面，所示的在线注册页面，当用户填写完资料并提交后，当用户填写完资料并提交后，输输入在表单中的信息就会上传到服务器，入在表单中的信息就会上传到服务器，然后再由服务器的有关应用程然后再由服务器的有关应用程序进行处理，序进行处理，并执行某些程序，并执行某些程序，将处理结果反馈给用户。将处理结果反馈给用户。下一页返回任务一创建表单及表单对象任务一创建表单及表单对象二、创建表单二、创建表单执行菜单命令执行菜单命令“插入插入”“表单表单”“表单表单”，可插入表单，可插入表单，如如图图 所示。所示。任何其他表单对
3、象，任何其他表单对象，都必须插入到表单中，都必须插入到表单中，浏览器浏览器才能正确处理这些数据。才能正确处理这些数据。表单将以红色虚线框显示，表单将以红色虚线框显示，但在浏览器中但在浏览器中是不可见的。是不可见的。将光标置于表单内，将光标置于表单内，用鼠标单击状态栏上的用鼠标单击状态栏上的“”标签选中整个表单，标签选中整个表单，可以在可以在“属性属性”面板中设置表单属性，面板中设置表单属性，其主要选项如其主要选项如图图 所示。所示。“表单表单”:用来设置表单的名称，用来设置表单的名称，该名称不能省略。该名称不能省略。“动作动作”:指定设置处理提交表单的服务器端脚本的指定设置处理提交表单的服务器
4、端脚本的 地址地址(提提交给程序交给程序)或邮件地址或邮件地址。“目标目标”:指定提交的结果文件显示的位置。指定提交的结果文件显示的位置。有四个选项有四个选项、。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象()表示在一个新的、没有命令的浏览器窗口调入指表示在一个新的、没有命令的浏览器窗口调入指定的文件。定的文件。()表示在指向这个目标元素的相同框架中调入文件。表示在指向这个目标元素的相同框架中调入文件。()表示把文件调入当前框的直接父框表示把文件调入当前框的直接父框 中中,在当前框没有父框时，在当前框没有父框时，这个值等价于这个值等价于。()表示把文件调入原来的、最顶部的
5、浏览器窗口中表示把文件调入原来的、最顶部的浏览器窗口中(因此因此取消所有其他框架取消所有其他框架)，在当前框没有父框时，在当前框没有父框时，这个值等价于这个值等价于“编码类型编码类型”:指定对提交给服务器进行处理的数据使用指定对提交给服务器进行处理的数据使用 编编码类型。码类型。有两个选项有两个选项:/和和/。前者是默认选项，前者是默认选项，通常与通常与 方法协同使用方法协同使用,如如果表单中包含文件上传域，果表单中包含文件上传域，则应选择后者。则应选择后者。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象“方法方法”:指定将表单数据传输到服务器所使用的方法有三个选项，指定将
6、表单数据传输到服务器所使用的方法有三个选项，默认、和默认、和。()默认方法是使用浏览器的默认设置将表单数据发送到服务器。默认方法是使用浏览器的默认设置将表单数据发送到服务器。()方法是在消息正文中发送表单值，方法是在消息正文中发送表单值，并向服务器发送并向服务器发送 请求。请求。这种方法允许传输大量数据，这种方法允许传输大量数据，一般情况下，一般情况下，选用该方选用该方法比较安全。法比较安全。()方法是将表单值添加到方法是将表单值添加到 请求中，请求中，并向服务器发送并向服务器发送 请求。请求。所以传送的数据量就会受到限制，所以传送的数据量就会受到限制，但是执行效率却比但是执行效率却比 方法好
7、。方法好。注意注意:在发送银行卡号、密码等重要信息时，在发送银行卡号、密码等重要信息时，最好采用最好采用 方法方法发送，发送，因为如果以因为如果以 方法发送表单数据，方法发送表单数据，表单会将数据附加到表单会将数据附加到 请求中发送，请求中发送，安全性降低。安全性降低。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象三、插入文本域三、插入文本域在文本字段中，在文本字段中，可输入任何类型的文本内容，可输入任何类型的文本内容，它是最常见的表单对它是最常见的表单对象之一。象之一。按照文本字段的行数和显示方式，按照文本字段的行数和显示方式，可将其分为单行文本字可将其分为单行文本字段、
8、多行文本字段和密码域三种。段、多行文本字段和密码域三种。执行菜单命令执行菜单命令“插入插入”“表单表单”“文本域文本域”命令插入文本域。命令插入文本域。其其“属性属性”面板如面板如图图 所示。所示。在在“属性属性”面板中，面板中，根据需要设置文本域的属性。根据需要设置文本域的属性。主要设置选项含主要设置选项含义如下。义如下。“文本域文本域”:设置表单对象的。设置表单对象的。“字符宽度字符宽度”:设置域中可显示的最大字符数。设置域中可显示的最大字符数。此数字可以小于此数字可以小于“最最多字符数多字符数”的值。的值。“最多字符数最多字符数”:设置单行文本域中可输入的最大字符数。设置单行文本域中可输
9、入的最大字符数。如使用如使用“最多字符数最多字符数”可将邮政编码限制为可将邮政编码限制为 位数，位数，将密码限制为将密码限制为 个字符，个字符，身份证号码限制为身份证号码限制为 个字符。个字符。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象“类型类型”:指定是单行、多行或密码域。指定是单行、多行或密码域。“单行单行”:输入的文字不会发生换行，输入的文字不会发生换行，一般情况下用于一些简单的输一般情况下用于一些简单的输入设置。入设置。“多行多行”:输入的文字如果超过了单行字符宽度，输入的文字如果超过了单行字符宽度，就会换行。就会换行。“密码密码”:产生一个密码文本域。产生一个
10、密码文本域。当用户在密码文本域中输入时，当用户在密码文本域中输入时，输输入内容显示为项目符号或星号，入内容显示为项目符号或星号，以保护它不被其他人看到。以保护它不被其他人看到。“初始值初始值”:指定在首次载入表单时文本域中显示的文字。指定在首次载入表单时文本域中显示的文字。例如，例如，通通过包含说明或示例过包含说明或示例文字，文字，可以提示用户在文本域中输入信息。可以提示用户在文本域中输入信息。“类类”:下拉列表框，下拉列表框，将将 规则应用于对象。规则应用于对象。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象四、插入单选按钮四、插入单选按钮单选按钮与复选框相似，单选按钮与
11、复选框相似，主要用于标记一个选项是否被选中，主要用于标记一个选项是否被选中，单选单选按钮只允许用户从选项中选择唯一答案。按钮只允许用户从选项中选择唯一答案。单选按钮通常成组地使用。单选按钮通常成组地使用。同一个组中的所有单选按钮必须具有相同的名称，同一个组中的所有单选按钮必须具有相同的名称，但它们的区域值，但它们的区域值，即选项值是不同的。即选项值是不同的。()创建单选按钮。创建单选按钮。在在“插入插入”工具栏的工具栏的“表单表单”选项卡中单击选项卡中单击“单选按钮单选按钮”，出现出现“输入标签辅助功能属性输入标签辅助功能属性”对话框，对话框，设置设置 和标签文字，和标签文字，单击单击“确确定
12、定”按钮后，按钮后，一个单选按钮随即出现在文档中。一个单选按钮随即出现在文档中。反复单击单选按钮，反复单击单选按钮，可以创建更多单选按钮。可以创建更多单选按钮。()设置单选按钮属性。设置单选按钮属性。选中单选按钮，选中单选按钮，出现如出现如图图 所示的单选按钮所示的单选按钮“属性属性”面板。面板。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象在在“属性属性”面板中，面板中，根据需要设置属性，根据需要设置属性，主要选项介绍如下。主要选项介绍如下。“单选按钮单选按钮”:单选按钮名称。单选按钮名称。“选定值选定值”:选定该单选按钮后，选定该单选按钮后，提交表单时传递的值。提交表单
13、时传递的值。“初始状态初始状态”:有有“未选中未选中”和和“已勾选已勾选”两种。两种。单选按钮举例如单选按钮举例如图图 所示。所示。五、插入单选按钮组五、插入单选按钮组用户可以用单选按钮一个一个地创建表单选项，用户可以用单选按钮一个一个地创建表单选项，也可以用单选按钮组也可以用单选按钮组同时创建多个表单选项来供用户选择。同时创建多个表单选项来供用户选择。在创建多个选项时，在创建多个选项时，单选按单选按钮组的操作比单选按钮的操作更快捷钮组的操作比单选按钮的操作更快捷。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象在在“插入插入”工具栏的工具栏的“表单表单”选项卡中单击选项卡中
14、单击“单选按钮组单选按钮组”按钮按钮显示显示“单选按钮组单选按钮组”对话框，对话框，设置单选按钮组的名称、组内标签和设置单选按钮组的名称、组内标签和值，值，如如图图 所示，所示，单击单击“确定确定”按钮后，按钮后，一个单选按钮组随一个单选按钮组随即出现在文档中。即出现在文档中。“名称名称”:用来设置单选按钮组的名称，用来设置单选按钮组的名称，名称要唯一。名称要唯一。“单选按钮单选按钮”:单击单击“”，添加单选按钮，添加单选按钮，“标签标签”列是单选按列是单选按钮的文本说明，钮的文本说明，“值值”列是单选按钮的值。列是单选按钮的值。单击单击“”删除选择好的单选按钮。删除选择好的单选按钮。通过单通
15、过单击击 、按钮来调整单选按钮的次序。按钮来调整单选按钮的次序。“布局，布局，使用使用”:用来设置单选按钮组的布局方式，用来设置单选按钮组的布局方式，选择选择“换行符换行符”则使用换行符，则使用换行符，上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象竖向排列，竖向排列，否则使用表格。否则使用表格。提示提示:一旦单选按钮被选择，一旦单选按钮被选择，同一组的单选按钮将始终有一个处于选同一组的单选按钮将始终有一个处于选中状态，中状态，除非点击重置按钮进行重新设定。除非点击重置按钮进行重新设定。比如，比如，男、女性别两个男、女性别两个单选按钮，单选按钮，初始状态是两个都不选中，选中初
16、始状态是两个都不选中，选中“男男”后后“女女”不被选不被选中，中，选中选中“女女”后后“男男”不被选中，不被选中，总有一个处于选中状态，总有一个处于选中状态，只只有重置才能回到两个都不选中的初始状态。有重置才能回到两个都不选中的初始状态。保存网页，保存网页，运行效果如运行效果如图图 所示。所示。六、列表六、列表/菜单菜单除了使用复选框和单选按钮为用户提供选项，除了使用复选框和单选按钮为用户提供选项，还可以用还可以用“列表列表/菜单菜单”来制作选项。来制作选项。“列表列表/菜单菜单”可以显示一个有项目的可滚动列表，可以显示一个有项目的可滚动列表，用户可以在该列表中选择项目。用户可以在该列表中选择
17、项目。当页面的空间有限，当页面的空间有限，但需要显示许但需要显示许多菜单项时，多菜单项时，“列表列表/菜单菜单”就会非常有用。就会非常有用。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象()创建列表创建列表/菜单。菜单。在在“插入插入”工具栏的工具栏的“表单表单”选项卡中单击选项卡中单击“列表列表/表单表单”按钮，按钮，显示显示“输入标签辅助功能属性输入标签辅助功能属性”对话框，对话框，设置设置 和标签文字，和标签文字，单单击击“确定确定”后，后，文档中便会出现一个菜单。文档中便会出现一个菜单。()设置列表设置列表/菜单属性。菜单属性。选中列表选中列表/菜单字段，菜单字段，
18、出现如出现如图图 所示的所示的“属性属性”面板。面板。在在“属性属性”面板中，面板中，根据需要设置列表根据需要设置列表/菜单的属性。菜单的属性。主要设置选主要设置选项含义如下。项含义如下。列表列表/菜单菜单:列表列表/菜单的名称。菜单的名称。“类型类型”:两种选择，两种选择，选中选中“菜单菜单”单选按钮，单选按钮，网页中只能显示一网页中只能显示一行行,选中选中“列表列表”单选按钮，单选按钮，则则“高度高度”、“选定范围选定范围”均可选择。均可选择。“列表值列表值”按钮按钮:单击此按钮后，单击此按钮后，弹出弹出“列表值列表值”对话框，对话框，可以在可以在该对话框中设置列表值，该对话框中设置列表值
19、，如如图图 所示。所示。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象七、跳转菜单七、跳转菜单跳转菜单是利用表单元素形成各种选项的列表，跳转菜单是利用表单元素形成各种选项的列表，可以说跳转菜单是列可以说跳转菜单是列表表/菜单功能的延伸，菜单功能的延伸，利用它不仅可以提供菜单项，利用它不仅可以提供菜单项，而且还可给菜单而且还可给菜单项指定链接页面，项指定链接页面，选中列表中的某个选项时，选中列表中的某个选项时，浏览器会立即跳转到浏览器会立即跳转到一个新网页。一个新网页。()创建跳转菜单。创建跳转菜单。在在“插入插入”工具栏的工具栏的“表单表单”选项卡中单击的选项卡中单击的“跳
20、转菜单跳转菜单”按钮，按钮，随即弹出随即弹出“插入跳转菜单插入跳转菜单”对话框，对话框，根据需要设置其属性，根据需要设置其属性，如如图图 所示。所示。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象()设置跳转菜单属性。设置跳转菜单属性。跳转菜单属性设置与列表跳转菜单属性设置与列表/菜单属性设置相似，菜单属性设置相似，不同点主要是，不同点主要是，跳转跳转菜单比列表菜单比列表/菜单的属性设置多了行为设置，菜单的属性设置多了行为设置，添加了鼠标事件添加了鼠标事件()和事件代码和事件代码(在新窗口中打开相应的网页或者网站的主页在新窗口中打开相应的网页或者网站的主页)。提示提示:如果
21、在设置的时候，如果在设置的时候，在菜单之后插入在菜单之后插入“前往前往”按钮，按钮，那么插那么插入的跳转表单中就自动带一个入的跳转表单中就自动带一个“前往前往”按钮。按钮。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象八、图像区域八、图像区域在网页中插入图像区域能够使页面更加丰富多彩。在网页中插入图像区域能够使页面更加丰富多彩。如果使用图像来执如果使用图像来执行任务而不是提交数据，行任务而不是提交数据，则需要将这种行为附加到表单对象。则需要将这种行为附加到表单对象。()创建图像区域。创建图像区域。在在“插入插入”工具栏的工具栏的“表单表单”选项卡中单击选项卡中单击“图像区域
22、图像区域”按钮，按钮，弹弹出出“选择图像源文件选择图像源文件”对话框，对话框，如如图图 所示。所示。选择一张图选择一张图片作为表单对象。片作为表单对象。()设置图像区域属性。设置图像区域属性。选中文本字段，选中文本字段，出现如出现如图图 所示的图像区域所示的图像区域“属性属性”面板。面板。在在“属性属性”面板中，面板中，根据需要设置图像区域的属性。根据需要设置图像区域的属性。主要设置选项主要设置选项含义如下。含义如下。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象“图像区域图像区域”:图像域的名称。图像域的名称。“源文件源文件”:图像文件的。图像文件的。“替换替换”:当浏览
23、器不能显示图像时，当浏览器不能显示图像时，替代显示文字。替代显示文字。“对齐对齐”:图像在网页中的对齐方式，图像在网页中的对齐方式，主要有默认值、顶端、居中、主要有默认值、顶端、居中、底部、左对齐和右对齐底部、左对齐和右对齐。如果需要对插入的图像进行编辑，如果需要对插入的图像进行编辑，可以在属性面板中单击可以在属性面板中单击“编辑图像编辑图像”按钮，按钮，就可以直接打开就可以直接打开 或或 图像处理软件。图像处理软件。九、文件域九、文件域文件域对象比文本框对象多了一个文件域对象比文本框对象多了一个“浏览浏览”按钮。按钮。浏览者可以通过浏览者可以通过单击这个按钮来选择需要上传文件的路径和名称。单
24、击这个按钮来选择需要上传文件的路径和名称。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象()创建文件域。创建文件域。在在“插入插入”工具栏的工具栏的“表单表单”选项卡中单击选项卡中单击“文件域文件域”按钮，按钮，显示显示“输入标签辅助功能属性输入标签辅助功能属性”对话框，对话框，设置设置 和标签文字，和标签文字，单击单击“确定确定”按钮后，按钮后，随即插入一个文件域对象随即插入一个文件域对象。()设置文件域属性。设置文件域属性。选中文件域，选中文件域，出现如出现如图图 所示的所示的“属性属性”面板。面板。在在“属性属性”面板中，面板中，根据需要设置文件域的属性。根据需要设置
25、文件域的属性。主要设置选项含主要设置选项含义如下。义如下。“文件域名称文件域名称”:文件域名称。文件域名称。“字符宽度字符宽度”:设定网页上显示设定网页上显示“文件域文件域”文本框的宽度。文本框的宽度。“最多字符数最多字符数”:设定网页上显示设定网页上显示“文件域文件域”文本框中最多能输入的文本框中最多能输入的字符数。字符数。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象十、标准按钮十、标准按钮按钮对于表单而言是必不可少的，按钮对于表单而言是必不可少的，它可以控制表单的操作。它可以控制表单的操作。使用按使用按钮可将表单数据提交到服务器，钮可将表单数据提交到服务器，或者重置该
26、表单。或者重置该表单。在在 中既可以使用图片来制作按钮，中既可以使用图片来制作按钮，也可以直接使用表单里也可以直接使用表单里的按钮。的按钮。表单中的按钮外形无法改变，表单中的按钮外形无法改变，但是却比图像按钮用起来更但是却比图像按钮用起来更方便方便。()创建按钮创建按钮。单击单击“插入插入”工具栏中工具栏中“表单表单”选项卡的选项卡的 按钮，按钮，显示显示“输入标输入标签辅助功能属性签辅助功能属性”对话框，对话框，如如图图 所示，所示，设置设置 和标签和标签文字，文字，单击单击“确定确定”按钮后，按钮后，文档中随即出现一个按钮对象。文档中随即出现一个按钮对象。()设置按钮属性。设置按钮属性。选
27、中按钮，选中按钮，出现如出现如图图 所示的所示的“属性属性”面板。面板。上一页 下一页返回任务一创建表单及表单对象任务一创建表单及表单对象在在“属性属性”面板中，面板中，根据需要设置按钮的属性。根据需要设置按钮的属性。主要设置选项含义主要设置选项含义如下。如下。“按钮名称按钮名称”:按钮的名称。按钮的名称。“值值”:按钮上显示的文字。按钮上显示的文字。“动作动作”:单击按钮后引发的事件。单击按钮后引发的事件。有三个单选按钮供选择有三个单选按钮供选择:“提交表提交表单单”、“重设表单重设表单”和和“无无”。上一页返回任务二验证表单任务二验证表单检查表单行为面板检查表单行为面板()执行菜单命令执行
28、菜单命令“窗口窗口”“行为行为”，打开行为面板，打开行为面板，选中选中“在在线注册线注册”表单，如表单，如图图 所示，所示，单击行为面板中的单击行为面板中的“行为行为”按钮，按钮，如如图图 所示。所示。()选择选择“检查表单检查表单”选项，选项，弹出弹出“检查表单检查表单”对话框，对话框，如如图图 所示。所示。()该表单相关的重要表单项的设置如该表单相关的重要表单项的设置如图图 至图至图 所所示。示。()单击单击“确定确定”按钮后保存文件，按钮后保存文件，至此检查表单就完成了，至此检查表单就完成了，接下接下来就可以进行表单测试了来就可以进行表单测试了。()按下按下 键进行预览，键进行预览，为了
29、检查前面设置，为了检查前面设置，单击单击“提交提交”按按钮，钮，可以看到系统给出的错误提示。可以看到系统给出的错误提示。返回任务三制作在线注册页面任务三制作在线注册页面一、插入与设置表单域一、插入与设置表单域()新建一个文档，新建一个文档，执行菜单命令执行菜单命令“修改修改”“页面属性页面属性”，打开打开“页面属性页面属性”对话框，对话框，在在“分类分类”栏中选择栏中选择“外观外观”选项，选项，将字将字体大小设置为，体大小设置为，文本颜色为，单击文本颜色为，单击“确定确定”按钮，按钮，如如图图 所示。所示。()在在“插入插入”工具栏中单击工具栏中单击“表单表单”选项卡中的选项卡中的“表单表单”
30、按钮，按钮，插入一个表单域。插入一个表单域。二、插入并设置表单元素二、插入并设置表单元素()将光标定位在表单内，将光标定位在表单内，插入一个插入一个 行行 列的表格，列的表格，设置设置“表表格格”对话框，对话框，如如图图 所示。所示。合并第一行、第二行、第九行合并第一行、第二行、第九行和最后一行的单元格，和最后一行的单元格，并对表格进行美化。并对表格进行美化。在第一列单元格内输入相应的文本内容，在第一列单元格内输入相应的文本内容，并设置单元格内文字居中对并设置单元格内文字居中对齐，齐，如如图图 所示所示。下一页返回任务三制作在线注册页面任务三制作在线注册页面()将光标定位在将光标定位在“姓名姓
31、名”后的单元格内，后的单元格内，执行菜单命令执行菜单命令“插入插入”“表单表单”“文本域文本域”，弹出弹出“输入标签辅助功能属性输入标签辅助功能属性”对话框，对话框，不做任何设置，不做任何设置，直接单击直接单击“确定确定”按钮，按钮，即可以插入一个文本框。即可以插入一个文本框。()选中该文本框，选中该文本框，在文本框在文本框“属性属性”面板中设置面板中设置“文本域文本域”名称名称为姓名，为姓名，“字符宽度字符宽度”和和“最多字符数最多字符数”均设置为，均设置为，其余设置其余设置不变，不变，如如图图 所示。所示。()用同样方法插入一个通信地址文本框，用同样方法插入一个通信地址文本框，设置设置“文
32、本域文本域”名称为名称为通信地址，通信地址，“字符宽度字符宽度”为，为，其余设置不变。其余设置不变。()用同样方法插入一个邮编和电子邮件文本框，用同样方法插入一个邮编和电子邮件文本框，并根据需要设置并根据需要设置“文本域文本域”和和“字符宽度字符宽度”。()将光标定位在将光标定位在“性别性别”后的单元格内，后的单元格内，执行菜单命令执行菜单命令“插入插入”“表单表单”“单选按钮组单选按钮组”，弹出弹出“单选按钮组单选按钮组”对话框，对话框，设置设置标签为标签为“男男”和和“女女”，如如图图 所示。所示。最后单击最后单击“确定确定”按钮，按钮，即可插入一个单选按钮组，即可插入一个单选按钮组，调整
33、使其水平显示。调整使其水平显示。上一页 下一页返回任务三制作在线注册页面任务三制作在线注册页面()将光标定位在将光标定位在“照片照片”后的单元格内，后的单元格内，执行菜单命令执行菜单命令“插入插入”“表单表单”“文件域文件域”，弹出弹出“输入标签辅助功能属性输入标签辅助功能属性”对话框，对话框，设置设置“”和和“标签标签”都为，都为，如如图图 所示。所示。最后单击最后单击“确定确定”按钮，按钮，即可插入一个文件即可插入一个文件域域()将光标定位在将光标定位在“你的兴趣爱好你的兴趣爱好”后的单元格内，后的单元格内，执行菜单命令执行菜单命令“插入插入”“表单表单”“复选框组复选框组”，弹出弹出“复
34、选框组复选框组”对话框，对话框，设置标签为设置标签为“听音乐听音乐”“看海看海”和和“上网上网”，如如图图 所示。所示。最后单击最后单击“确定确定”按钮，按钮，即可插入一个复选框组。即可插入一个复选框组。()将光标定位在将光标定位在“备注备注”后的单元格内，后的单元格内，执行菜单命令执行菜单命令“插入插入”“表单表单”“文本域文本域”，选中该文本域，选中该文本域，在文本域在文本域“属性属性”面板面板中设置中设置“文本域文本域”名称为备注，名称为备注，“类型类型”为多行，为多行，“字符宽度字符宽度”设设置为，置为，“行数行数”为，为，其余设置不变，其余设置不变，如如图图 所示所示上一页 下一页返
35、回任务三制作在线注册页面任务三制作在线注册页面()将光标定位在表格的最后一行，将光标定位在表格的最后一行，执行菜单命令执行菜单命令“插入插入”“表表单单”“按钮按钮”，在弹出的对话框中单击在弹出的对话框中单击“确定确定”按钮。按钮。选择此按钮，选择此按钮，在其在其“属性属性”面板中设置面板中设置“按钮名称按钮名称”为提交，为提交，“动动作作”为提交表单，如为提交表单，如图图 所示。所示。()执行菜单命令执行菜单命令“插入插入”“表单表单”“按钮按钮”，在弹出的对话在弹出的对话框上，框上，单击单击“确定确定”按钮。按钮。选择此按钮，选择此按钮，在其在其“属性属性”面板中设面板中设置置“按钮名称按
36、钮名称”为重置，为重置，“动作动作”为重设表单，为重设表单，如如图图 所所示示()至此，至此，表单的基本功能就全部完成，表单的基本功能就全部完成，保存文件。保存文件。上一页返回图图 在线注册页面在线注册页面返回图图 插入表单插入表单返回图图 表单表单“属性属性”面板面板返回图图 文本域文本域“属性属性”面板面板返回图图 单选按钮单选按钮“属性属性”面板面板返回图图 单选按钮示例图单选按钮示例图返回图图“单选按钮组单选按钮组”对话框对话框返回图图 预览效果图预览效果图返回图图 列表列表/菜单菜单“属性属性”面板面板返回图图“列表值列表值”对话框对话框返回图图“插入跳转菜单插入跳转菜单”对话框对话
37、框返回图图“选择图像源文件选择图像源文件”对话对话框框返回图图 图像区域图像区域“属性属性”面板面板返回图图 文件域属性面板文件域属性面板返回图图“输入标签辅助功能属性输入标签辅助功能属性”对话框对话框返回图图 按钮按钮“属性属性”面板面板返回图图 在线注册在线注册返回图图 行为面板行为面板返回图图“检查表单检查表单”对话框对话框返回图图 设置设置 即即用户名验证用户名验证下一页图图 设置设置 即问题即问题的答案验证的答案验证下一页图图 设置设置 即身份即身份证验证证验证下一页图图 设置设置 即通即通信地址验证信地址验证返回图图 在线注册效果在线注册效果返回图图“页面属性页面属性”对话框对话框返回图图“表格表格”对话框对话框返回图图 效果图效果图返回图图“姓名姓名”文本框的属性设文本框的属性设置置返回图图“单选按钮组单选按钮组”对话框对话框返回图图 “输入标签辅助功能属性输入标签辅助功能属性”对话框对话框返回图图“复选框组复选框组”对话框对话框返回图图 文本域文本域“属性属性”面板面板返回图图 提交按钮提交按钮“属性属性”面板面板返回图图 重置按钮重置按钮“属性属性”面板面板返回