第一节 FrontPage 2003的新增功能

以下是网学网为您推荐的FrontPage教程-第一节  FrontPage 2003的新增功能，希望本篇文章对您学习有所帮助。

第二节 创建表单域

表单相当于是一个容器，可以用来存放各种表单域（也称表单元素）。表单域用来获取不同类型的输入信息。

每个表单域都有一个属于自己的标识名称和所对应的取值。在一个表单中可以存放一个或多个表单域，并且同一个表单域

可以在同一表单中重复出现，什么都没放的表单称为空白表单。在创建表单前，首先应当考虑制作表单的目的，需要收集或

显示哪些信息。当表单创建完成后，根据需要在表单中添加相应的表单域。FrontPage 2003中的表单域类型主要包括文本框、

文本区、文件上传、复选框、选项按钮、分组框、下拉框、标签、高级按钮、图片、标签等。选择“”插入→

“表单”命令，弹出如图6.2.1所示的“表单”级联菜单，该级联菜单列出了所有的表单域类型，

下面将介绍表单域的插入方法与属性设置。

一、文本框

文本框在外形上就是一个单行的长条形空白区域。文本框是网页中使用频率最高的表单元素之一，在文本框中可以

输入姓名、年龄等少量的文本，还可以作为密码域或口令域进行输入。

1．插入文本框

插入“文本框”表单域的具体操作步骤如下：

（1）将光标置于表单中需插入文本框的位置。

（2）选择“插入”→“表单”→“文本框”命令，即可在表单中插入如图6.2.2所示的“文本框”表单域。

图6.2.2 “文本框”表单域

2．设置“文本框”表单域属性

设置“文本框”表单域属性的具体操作步骤如下：

（1）双击所插入的“文本框”表单域，或在该表单域上单击鼠标右键，在弹出的快捷菜单中选择“表单域属性”命令，弹出如图6.2.3所示的“文本框属性”对话框。

图6.2.3 “文本框属性”对话框

（2）在“名称”文本框中输入文本框的名称，用户也可以使用默认名称。

（3）在“初始值”文本框中输入浏览者刚打开该文本框时所显示的默认信息。

（4）在“宽度”文本框中设置文本框的宽度。

（5）如果一个表单中有多个文本框，可以通过“Tab”键来切换顺序，方法是在“Tab键次序”文本框中输入数字，可以输入1～999之间的某个数字。

（6）为了防止该文本框中的内容被随意查看，可以在“密码域”选项组中选中“是”单选按钮。当在浏览状态下输入字符时，所输入的字符均显示为“”。

（7）单击“验证有效性”按钮，弹出如图6.2.4所示的“文本框有效性验证”对话框。

图6.2.4 “文本框有效性验证”对话框

（8）在“数据类型”下拉列表中选择文本框中要输入的数据类型，并且在其他相应的选项组中设置文本框中所输入的内容的限制。

（9）设置完成后，单击“确定”按钮，返回到“文本框属性”对话框中，单击“确定”按钮即可。

二、文本区

当用户需要在表单的某个表单域中输入大量文本时，可以采用文本区，如注释内容、意见反馈等。在文本区中可以输入多行文字。当输入的文字超过文本区显示的宽度时，文本区就会自动换到下一行进行输入，并且出现滚动条，可以通过滚动条查看文本区中其余的内容。

1．插入文本区

插入“文本区”表单域的具体操作步骤如下：

（1）将光标置于表单中需要插入文本区的位置。

（2）选择“插入”→“表单”→“文本区”命令，即可在表单中插入如图6.2.5所示的“文本区”表单域。

图6.2.5 “文本区”表单域

2．设置“文本区”表单域属性

设置“文本区”表单域属性的具体操作步骤如下：

（1）双击所插入的“文本区”表单域，或在该表单域上单击鼠标右键，在弹出的快捷菜单中选择“表单域属性”命令，弹出如图6.2.6所示的“文本区属性”对话框。

图6.2.6 “文本区属性”对话框

（2）在“名称”文本框中输入文本区的名称。

（3）在“初始值”文本框中输入浏览者刚打开该文本区时所显示的默认信息。

（4）在“宽度”和“行数”文本框中输入文本区的宽度和行数值。

（5）如果需要还可以对文本区的“Tab键次序”和“验证有效性”进行设置。

（6）设置完成后，单击“确定”按钮即可。

三、文件上载

文件上载是用于上传文件的一种表单域。使用文件上载，浏览者可以向网站发送自己的文件。

1．插入文件上载

在表单中插入“文件上载”表单域的具体操作步骤如下：

（1）将光标置于表单中需要插入文件上载的位置。

（2）选择“插入”→“表单”→“文件上载”命令，弹出如图6.2.7所示的“目标文件夹”对话框。

图6.2.7 “目标文件夹”对话框

（3）在该对话框中选择需要上传的文件夹，然后单击“确定”按钮，即可在表单中插入如图6.2.8所示的“文件上载”表单域。

图6.2.8 “文件上载”表单域

2．设置“文件上载”表单域属性

设置“文件上载”表单域属性的具体操作步骤如下：

（1）双击所插入的“文件上载”表单域，或在该表单域上单击鼠标右键，在弹出的快捷菜单中选择“表单域属性”命令，弹出如图6.2.9所示的“文件上载属性 ”对话框。

（2）在“名称”文本框中输入“文件上载”表单域的名称。

（3）在“字符宽度”文本框中输入“文件上载”表单域所需的字符宽度。

（4）根据需要还可以在“Tab键次序”的文本框中设置Tab键次序，其具体方法与设置文本框类似。

（5）设置完成后，单击“确定”按钮即可。

四、复选框

复选框在网页中显示为一个小方框。。。，是提供用户在选择多个选项时使用。浏览网页时单击该复选框，小方框中会出现一个“√”符号，表示该复选框处于选中状态，当再次单击时该符号将消失，表示该复选框处于未选中状态。

1．插入复选框

插入“复选框”表单域的具体操作步骤如下：

（1）将光标置于表单中需要插入复选框的位置。

（2）选择“插入”→“表单”→“复选框”命令，即可在表单中插入如图6.2.10所示的“复选框”表单域。

图6.2.10 “复选框”表单域

2．设置“复选框”表单域属性

设置“复选框”表单域属性的具体操作步骤如下：

（1）双击该“复选框”表单域，或在该表单域上单击鼠标右键，在弹出的快捷菜单中选择“表单域属性”命令，弹出如图6.2.11所示的“复选框属性”对话框。

（2）在“名称”文本框中输入“复选框”表单域的名称。

（3）在“值”文本框中输入提交表单时该复选框发送的数值，它可以是任意值。只有当该复选框处于

选中状态时，才能将该数值传送给目标文件或表单处理程序，否则将传送一个空值。

（4）在“初始状态”选项组中设置当浏览该网页时，该复选框所处的状态。包括选中和未选中两种情况。

（5）根据需要还可以设置其Tab键次序，设置完成后，单击“确定”按钮。

五、选项按钮

选项按钮又称单选按钮。它在网页中显示为一个小圆圈。。。。当这个小圆圈中出现一个小黑点时，表示该选项按钮处于选中状态。选项按钮常在一个选项组中有多个选项，但在这些选项中一次只能且必须选中一项。它与复选框的区别是复选框一次可以选中多个。

1．插入选项按钮

插入“选项按钮”表单域的具体操作步骤如下：

（1）将光标置于表单中需要插入选项按钮的位置。

（2）选择“插入”→“表单”→“选项按钮”命令，即可在表单中插入如图6.2.12所示的“选项按钮”表单域。

图6.2.12 “选项按钮”表单域

2．设置“选项按钮”表单域属性

设置“选项按钮”表单域属性的具体操作步骤如下：

（1）双击该选项按钮表单域，或在该表单域上单击鼠标右键，在弹出的快捷菜单中选择“表单域属性”命令，弹出如图6.2.13所示的“选项按钮属性”对话框。

（2）在“组名称”文本框中输入选项按钮的名称。

（3）在“值”文本框中输入提交表单时该选项按钮发送给其他对象时的数值。

（4）在“初始状态”选项组中设置当浏览器第一次显示网页时该选项按钮所处的状态，包括选中和未选中两种情况。

（5）其他设置与设置文本框属性类似，设置完成后，单击“确定”按钮即可。

六、分组框

分组框用于将同一组别的表单域集中在同一个框格内，可以将一组相关的控件或文本与网页或表单上的其他信息分开，使访问者使用起来比较方便。

1．插入分组框

插入“分组框”表单域的具体操作步骤如下：

（1）将光标置于表单中需要插入分组框的位置。

（2）选择“插入”→“表单”→“分组框”命令，即可在表单中插入如图6.2.14所示的“分组框”表单域。

图6.2.14 “分组框”表单域

2．设置“分组框”表单域属性

设置“分组框”表单域属性的具体操作步骤如下：

（1）在该分组框表单域上单击鼠标右键，在弹出的快捷菜单中选择“分组框属性”命令，弹出如图6.2.15所示的“分组框属性”对话框。

（2）在“标签”文本框中输入该分组框标题栏中显示的名称。

（3）在“对齐”下拉列表中选择分组框标题栏的对齐方式，有左对齐、右对齐和居中对齐3种对齐方式。

（4）设置完成后，单击“确定”按钮即可。

七、下拉框

下拉框也称下拉列表框，类似于对话框中的下拉菜单，它由一个单行空白区域和一个下三角按钮组成。在浏览网页时单击该下三角按钮，会弹出一个下拉列表，列出了下拉列表框中的所有选项。选择下拉列表中的某个选项，该项便会自动出现在下拉列表框的显示框中。

1．插入下拉框

插入“下拉框”表单域的具体操作步骤如下：

（1）将光标置于表单中需要插入下拉框的位置。

（2）选择“插入”→“表单”→“下拉框”命令，即可在表单中插入如图6.2.16所示的“下拉框”表单域。

图6.2.16 “下拉框”表单域

2．设置“下拉框”表单域属性

设置“下拉框”表单域属性的具体操作步骤如下：

（1）双击所插入的“下拉框”表单域，或在该表单域上单击鼠标右键，在弹出的快捷菜单中选择“表单域属性”命令，弹出如图6.2.17所示的“下拉框属性”对话框。

（2）在“名称”文本框中输入“下拉框”表单域的名称。

（3）单击“添加”按钮，弹出如图6.2.18所示的“添加选项”对话框。

         图6.2.17 “下拉框属性”对话框                       图6.2.18  “添加选项”对话框

（4）在“选项”文本框中输入下拉框选项的名称，如果要给该选项设置指定值，则选中“指定值”复选框，在其下方的文本框中输入所指定的值。在“指定值”下面的文本框中输入该表单向其他对象发送时的真实数值。

（5）在“初始状态”选项组中设置当浏览该网页时，该选项所处的状态。包括选中和未选中两种状态。

（6）设置完成后，单击“确定”按钮，返回到“下拉框属性”对话框中，按同样的方法继续添加其他下拉选项。

（7）在该对话框中设置下拉框的高度、允许多重选项、Tab键次序、验证有效性等。并且在对话框右侧的区域中可以对已添加的选项进行修改、删除、上移和下移操作。

（8）设置完成后，单击“确定”按钮。

八、按钮

FrontPage 2003中的常规按钮有3种，分别是“提交”按钮、“重置”按钮和普通按钮。其中“提交”和“重置”按钮是FrontPage 2003自带的，不需要编定任何代码。而普通按钮在外观上与前两种按钮相同，但在功能上稍有差别。普通按钮通常在某些特殊情况下才能使用，而且需要用户自定义，并编写源代码，因此适用于高级用户。普通按钮的插入与属性设置与其他表单域类似，这里不再详细讲述。

九、高级按钮

使用FrontPage 2003在网页中插入表单或表单域时，在表单中就会自动出现“提交”和“重置”两个按钮，除了这种按钮外，用户还可以在表单中插入高级按钮。通过在表单中插入高级按钮，可以编写脚本，让表单快速完成所需的工作。

1．插入高级按钮

插入“高级按钮”表单域的具体操作步骤如下：

（1）将光标置于表单中需要插入“高级按钮”表单域的位置。

（2）选择“插入”→“表单”→“高级按钮”命令，即可在表单中插入如图6.2.19所示的“高级按钮”表单域。

图6.2.19 “高级按钮”表单域

2．设置“高级按钮”表单域属性

设置“高级按钮”表单域属性的具体操作步骤如下：

（1）在所插入的“高级按钮”按钮上单击鼠标右键，在弹出的快捷菜单中选择“高级按钮属性”命令，弹出如图6.2.20所示的“高级按钮属性”对话框。

（2）在“名称”文本框中输入高级按钮的名称。

（3）在“值”文本框中输入表单向其他对象发送时的真实数值。

（4）在“按钮类型”下拉列表中选择按钮的类型，可选择的类型包括普通、提交和重置3种。

（5）根据需要还可以设置按钮的Tab键次序和按钮大小。

（6）设置完成后，单击“确定”按钮。

十、图片

图片表单是一种特殊的表单域，使用图片表单域的目的有两个：一个是代替提交按钮；另一个是使表单更美观。使用图片代替按钮，在网络中不但使用普遍而且非常流行。

1．插入图片

插入“图片”表单域的具体操作步骤如下：

（1）将光标置于表单中需要插入“图片”表单域的位置。

（2）选择“插入”→“表单”→“图片”命令，弹出如图6.2.21所示的“图片”对话框。

（3）在该对话框中的“查找范围”下拉列表中选择图片的存放位置，然后在其列表框中选择所需的图片，单击“插入”按钮，即可在表单中插入所选的图片。

2．设置“图片”表单域属性

设置“图片”表单域属性的具体操作步骤如下：

（1）双击所插入的“图片”表单域，或在该表单域上单击鼠标右键，在弹出的快捷菜单中选择“表单域属性”命令，弹出如图6.2.22所示的“图片属性”对话框。

              图6.2.21 “图片”对话框                            图6.2.22  “图片属性”对话框      

（2）在“名称”文本框中输入该图片的名称。

（3）分别打开“外观”、“常规”和“视频”选项卡，对图片的外观等属性进行设置，其设置方法与设置普通图片属性的方法类似。

（4）设置完成后，单击“确定”按钮，关闭该对话框。当浏览者访问站点时，单击该图片就可以提交表单。

：当用图片发送表单时，不仅会将用户在表单中填写的信息发送到form_results.txt文件中，而且还会将图片本身的一些相关信息发送到form_results.txt文件中。

：表单中的图片功能在一般的网页中不能正常工作，必须创建一个新的Web站点，或直接在已有的Web站点上定义。