使用表单域:表单域是用来制作简单的交互式网页的,如:登记表、调查表和数据记录表等。 FrontPage给我们提供了多种域类型: 单行文本框:输入单行文本。 滚动文本框:输入多行或一段文本。 复选框:复选或忽略清单中的选项,每个复选框可以分别选择或不选。 单选按钮:选择清单中的选项,但是只能在这组选项中选择一项。 下拉菜单:从加入菜单中的选项清单中进行选择。 按钮:在表单中插入功能按钮。插入功能按钮有3种类型,如“提交”用于表单提交;“重置”用于清除表单所填内容,回到初始状态;“普通”用于执行其它客户的操作。
1.文本框
“单行文本框”很适合简短回答,如姓名、地址、邮编和电话号码等;如果需要读者填人更详细的信息或说明文字时,最好用“滚动文本框”。当浏览器中出现单行文本框时,用户可单击此框并输入所要求的信息。有默认值的情况下文本长度并不局限于框的长度,如果文本超出右边界,文本则从右向左移动。“滚动文本框”使用方法与上述基本相同,只是文本到了右边则自动回行,并且到了框底部时可以向上滚动。 这两种文本框在许多方面是一致的,可以同时介绍它们的选项。默认情况下这两种文 本框宽度都是20个字符,若想改变宽度,应先选中该文本框,出现控制句柄,用光标接近控制句柄,当指针变成双向箭头时,拖动鼠标并把它调整到合适的宽度即可。 (1).预设文本 文本框不一定是空的,如果需要可在表单域中初始状态带有文本,这些文本用户可以保留也可以删除掉,操作方法如下: 选中“单行文本框”或“滚动文本框”,单击鼠标右键,从弹出的快捷菜单中选择“表单域属性”命令,弹出“文本框属性”对话框(如图),在“初始值”文本框中输入文本,单击“确定”按钮。 在FrontPage的“单行文本框”的属性对话框中,还为用户提供了保密措施,以便遮住对外保密信息,如果想把此表单域设为以保密字方式显示信息,只要将“密码域”设为“是”就可以了。 (2).设置输入限制 在一些特定网页中,例如:填写调查表、申请表或填写邮编,有时因少填或未填,用户就不能提交表单,像此类问题,通过FrontPage的“文本框有效性检查”对话框对它进行限制是很方便的。设置输入限制的步骤如下: ①.选中文本框或单击鼠标右键,在弹出的快捷菜单中选择“检验表单域”命令,弹出“文本框有效性检查”对话框。 ②.在对话框中有一个“数据类型”的下拉菜单,提供了四种数据类型:无限制、文本、整数、数字。 ③.在此对话框的“数据长度”区域中有3个选项: 要求:若选中此项,如果用户没有输入数据,则不能提交表单。 最小长度:用来设置输入的最少字符数,若输入的字符数不到设定值,则提交表单时会出现错误信息。 最大长度:用来设置输入的最多字符数。 注:在某些特定情况下,例如邮编为固定的几位数字:,我们可以把最小值和最大值设为同一值。 ④.此对话框的“数据值”区域是用来限制用户在此域中输入值的范围。选中“域必须是”或“同时必须是”复选框,再从下拉列表中选择一个条件,最后在“数值”中输入某个数值。 限制条件的说明见下表: 条 件 结 果 小于 必须输入小于设定值 大于 必须输入大于设定值 小于或等于 必须输入小于或等于设定值 大于或等于 必须输入大于或等于设定值 等于 必须输入等于设定值 不等于 必须输入不等于设定值
2.复选框
功能:用于实现单项或多项选择。 (1)插入复选框:从“插入”菜单的“表单”子菜单中选择“复选框”命令。 (2)设置复选框:右击复选框并从快捷菜单中选择“表单域属性”菜单命令,将打开“复选框属性”对话框。在“名称”文本框中输入此复选框的名字,在“数值”文本框中输入值;“初始状态”项是用来设置复选框的初始状态,其中两种状态是:“选中”和“未选中”;“Tab键顺序”项是用来设置Tab键经过的顺序。
3.单选按钮
功能:用户在一组选项中只能选一种。 每组单选按钮是一个集体,它们只有同一个组名,而不能用同一个值。你可在“单选按钮属性”对话框中为单选按钮设置“组名称”,“数值”,其设置方法与复选框类似。在组中某个单选按钮的值可能是Yes,则另一个的值是No,而在一组单选按钮中只能设置一个为“选中”,当设第二个为选中时,FrontPage将自动清除第一个选中设置。
4.下拉菜单
|
从多个菜单式选项中选择,可选一个或多个选项。 创建下拉菜单:从“插入”菜单的“表单”子菜单中选择“下拉菜单”命令,用鼠标右键单击该下拉菜单,从快捷菜单中选择“表单域属性”命令,弹出“下拉菜单属性”对话框。
 (1)单击“添加”按钮,弹出“添加选择”对话框。 (2)在“选项”文本框中输入选项。默认情况,把选项名作为值,若不希望这样,可选择“指定值”项,在下面的文本框中输入值。 (3)如果希望初始状态为此选项,则在“初始状态”区域选择“已选”,再单击“确定”按钮回到“下拉菜单属性”对话框。 要想继续添加选项,则需重复前面的步骤。如果要修改选项,则单击“修改”按钮。删除选项则单击“删除”按钮。如果想把下拉菜单设为显示多个菜单选项形式,就在“允许多重选择”区域选择“是”单选按钮。
5.按钮
“提交”按钮:表示用户填完一个表单把数据送到服务器上保存。 “重置”按钮:用于把所有表单域初始化为默认值,用户可以重新填写。
6.创建表单页面
(1)新建一个普通页面(Normal Page),最快捷的操作是直接单击工具栏中的“新建网页”按钮。 然后,从“插入”菜单的“表单”子菜单中选择“表单”命令,以同时插入一个提交按钮和一个重置按钮。将光标定位于表单区域的开始,输入“姓名(收件人):”,从“插入”菜单的“表单”子菜单中选择“单行文本框”命令,以给“姓名:”插入一个单行文本框,双击该文本框,在弹出的对话框中的“名称”文本框输入Name;按Enter键,以将光标定位于下一行,输入“单位名称:”井为其插入一个单行文本框。然后分别在不同的行输入“地址:”、“邮政编码:”、“电话:”、“传真:”和“E一mail”,并分别为它们插入一个单行文本框,分别双击这些文本框,在弹出的属性对话框中分别将“名称”文本框设置为address,postcode,te1ephone,fax和E-mai1;在E-mail后的新行输入“备注:”,并为其插入一个滚动文本框,双击该文本框,在弹出的对话框的“名称”文本框中输人note。按以上步骤设计成的表单如下。  (2)用鼠标右键单击表单中(虚线框内)的任何地方,从快捷菜单中选择“表单属性”命令,弹出如下所示“表单属性”对话框。  在“文件名称”文本框中输入一个文件名,此文件名可以任意指定,这个文件由FrontPage组件自动创建,用来存入用户提交的表单信息,它可以是HTML格式或文本格式。如果你想为文本数据库或其它应用程序收集信息,则文件最好使用TXT为扩展名。而你想随时都能通过测览器查看用户提交的信息时,则应使用HTM或HTML为扩展名的文件。 (3)如果表单内容提交成功,FrontPage组件会合成一个确认页面返回用户。该页面显示用户刚刚提交的信息,并向用户致谢。 也可以按照自己的要求另外创建确认页面。这里得先让FrontPage知道页面的地址:选择“确认网页”选项卡,在“确认网页的URL(可选)”文本框中输入确认页面的文件名就可以了。 (4)单击“确定”按钮。最后保存页面“buybook.htm”。
7.创建确认页面
(1)新建一个普通页面(Normal Page)。从“插入”菜单的“组件”子菜单中选择“确认域”命令,在“确认字段属性”对话框中输入“[name]”,它与刚才建立的页面中表单域的名字相对应,依次再插入单位名称[company],地址[address],邮政编码[postcode],电话[te1ephone],传真[fax],E-mail[e-mai1],备注[note]。 (2)加入必要的文字说明,把这几个FrontPage组件组织起来。把该页面保存为“fp72.html”。 (3)打开刚创建的表单页面,用鼠标右键单击表单区域,在弹出的快捷菜单中选“表单属性”命令,在弹出的“表单属性”对话框中单击“选项”按钮,在“保存表单结果的选项”对话框中选择“确认网页”选项卡,在“确认网页的URL(可选)”文本框中,填人该确认页的URL,如:fp72.html(与表单页面在同一目录下)。 (4)保存表单。
|
| |