第6章表单 本章要点: 区表单的功能特点 区表单的创建方法 区各种表单域的使用 区表单结果的保存和处理
第6章 表单 本章要点： ◼ 表单的功能特点 ◼ 表单的创建方法 ◼ 各种表单域的使用 ◼ 表单结果的保存和处理
6.1表单概述 如图是一个简单的表单。表单中包含单行文本框、单选按钮、复选框、 提交按钮、重置按钮等项目(即下节中所说的表单域) K Microsoft FrontPage -C: Documents and Settings\ Administrator\My Documents\My webs\new p. -oIx 文件)编辑)视图)插入①)格式⑩)工具)表格0)框架0)窗口)帮助) 口c圖吸的,曲c·回m佛中文简繁转换 音通 3(12磅)n1Ⅱ薛留A|口 视图nP1.ht 用户注册 网页 用户名:yhnj 〔长度4-10宇节的数宇、宇母组合〕 性生别:男C女 文件夹 E-mail:maibao@sohu.com 自我介绍 是否订阅下列服务: 超接口手机短信口天气预报「体育新闻口饮食文化口景视快递 提交重置」 音通回ML预览 传输方式:288,时间:1秒
6.1 表单概述 ◼ 如图是一个简单的表单。表单中包含单行文本框、单选按钮、复选框、 提交按钮、重置按钮等项目（即下节中所说的表单域）
61.1创建表单 1.用户自己直接创建表单 具体操作步骤如下: (1)明确表单要收集哪些信息,从而确定表单需要有哪些表单 域以及表单域的类型; 2)将光标放置在编辑区要插入表单的空白处,执行【插入】 表单】→【表单】命令,插入空白表单,此时表单只包含【提交】 和【重置】按钮; (3)向表单中添加所需的表单域及其注释 ■2.使用向导创建表单网页 具体操作步骤如下:
6.1.1 创建表单 ◼ 1．用户自己直接创建表单 具体操作步骤如下： （1）明确表单要收集哪些信息，从而确定表单需要有哪些表单 域以及表单域的类型； （2）将光标放置在编辑区要插入表单的空白处，执行【插入】 →【表单】→【表单】命令，插入空白表单，此时表单只包含【提交】 和【重置】按钮; （3）向表单中添加所需的表单域及其注释 ◼ 2．使用向导创建表单网页 具体操作步骤如下：
1)打开【网页模板】对话框中,选择【常规】选项卡,从中选择 【表单网页向导】,打开【表单网页向导】对话框,【表单网页向导】 对话框中有一个进度条,指示设置整个表单的进度 (2)单击【下一步】按钮,进入对话框。在这里可以点击【添加】 按钮来进入添加表单项的对话框。 (3)在该对话框中,【选择此问题要收集的输入类型】列表里列出 可供选择的表单域提示信息。可以根据需要多次单击【添加】按钮添 加问题,也可以对这些问题直接进行编辑。 (4)每添加完一个问题提示,单击【下一步】按钮,进入这个表单 项的属性设置对话框。设置完毕后,单击【下一步】按钮,进入 【设置表单处理程序】对话框。 (6)这里可以设置如何处理表单,如【将结果保存到Web页】 【将结果存为文本文件】以及【使用自定义的CG|脚本】等。 (⑦)回到编辑窗口,会发现新建的网页上产生了一个表单。如
◼ （1）打开【网页模板】对话框中，选择【常规】选项卡，从中选择 【表单网页向导】，打开【表单网页向导】对话框，【表单网页向导】 对话框中有一个进度条，指示设置整个表单的进度。 ◼ （2）单击【下一步】按钮，进入对话框。在这里可以点击【添加】 按钮来进入添加表单项的对话框 。 ◼ （3）在该对话框中，【选择此问题要收集的输入类型】列表里列出 可供选择的表单域提示信息。可以根据需要多次单击【添加】按钮添 加问题，也可以对这些问题直接进行编辑。 ◼ （4）每添加完一个问题提示，单击【下一步】按钮，进入这个表单 项的属性设置对话框 。设置完毕后，单击【下一步】按钮，进入 【设置表单处理程序】对话框 。 ◼ （6）这里可以设置如何处理表单，如【将结果保存到Web页】、 【将结果存为文本文件】以及【使用自定义的CGI脚本】等。 ◼ （7）回到编辑窗口，会发现新建的网页上产生了一个表单。如图
KMicrosoft FrontPage -C: Documents and Settings\Administrator\My Documents\My Webs\new_p.-lO 文件①)编辑)视图①插入①)格式)工具)表格)框架①)窗口)帮助 口··回回·舀砂电 中文简繁转换 普通 宋体 2006)·[B]1|E目AA口· 视图 new_page_1. htm ynew_page_.htm\ 这是对表单用途的说明 请提供愆的帐户信息: 用户名 密码扩 提交表单重置 导航 段 信息 C)1999 2 位名称]。保留所有权科 超链接 」回普通回MQ预览 传输方式:28,8,时间:1秒
3.使用模板创建表单 ■在 FrontPage2002的【网页模板】对话框 中,打开【常规】选项卡,可以看到系统 提供的多种表单网页的模板,如“确认表 单”、“搜索网页”、“意见簿”、“意 见反馈表单”、“用户注册”等模板,和 其它网页模板一起列出。用户可以像使用 表单网页模板一样来创建一个表单网页, 这和使用普通模板创建网页没有什么区别
3．使用模板创建表单 ◼ 在FrontPage 2002的【网页模板】对话框 中，打开【常规】选项卡，可以看到系统 提供的多种表单网页的模板，如“确认表 单” 、 “搜索网页” 、 “意见簿” 、 “意 见反馈表单” 、 “用户注册”等模板，和 其它网页模板一起列出。用户可以像使用 表单网页模板一样来创建一个表单网页， 这和使用普通模板创建网页没有什么区别
61.2表单域类型 ■在执行【插入】→【表单】命令时,用户 可以按住所弹出子菜单的最上方,将其拖 出到编辑的窗口上,生成一个【表单】工 具栏,如图 表单 V X 翻围一回圈A图
6.1.2 表单域类型 ◼ 在执行【插入】→【表单】命令时，用户 可以按住所弹出子菜单的最上方，将其拖 出到编辑的窗口上，生成一个【表单】工 具栏，如图 ：
62表单域 621单行文本框 插入单行文本框的具体操作步骤如下 (1)先确定要插入单行文本框的位置,然后执行【插入】→【表单】 →【文本框】命令,也可以单击【表单】工具栏中的【文本框】按钮 感进行插入。 2)鼠标右键单击文本框,执行弹出菜单中的【表单域属性】命令 也可以直接双击文本框,打开【文本框属性】对话框,如下图所示: 文本框屈性 ?|× 名称0 t Username 初始值〔〕 宽度):6Tab键次序r): 密码域 C是① 否) 样式)」验证有效性)确定取消
6.2 表单域 ◼ 6.2.1 单行文本框 插入单行文本框的具体操作步骤如下： （1）先确定要插入单行文本框的位置，然后执行【插入】→【表单】 →【文本框】命令，也可以单击【表单】工具栏中的【文本框】按钮 进行插入。 （2）鼠标右键单击文本框，执行弹出菜单中的【表单域属性】命令， 也可以直接双击文本框，打开【文本框属性】对话框，如下图所示：
622文本区(滚动文本框) 对文本区可进行如下操作: (1)插入一个文本区,同样有两种方法可以实现:将光标移到要插入 的位置,执行【插入】→【表单】→【文本区】命令,也可以单击 【表单】工具栏上的【文本区】按钮團,插入文本区 (2)鼠标右键单击文本区,执行弹出菜单中的【表单域属性】命令, 或直接双击文本区,打开【文本框属性】对话框。 在【文本区属性】对话框中,可以设置文本区的相关属性。文本区 的属性与单行文本框的属性基本相同,不同的是可以输入多行的初始 值,并且可以在【行数】文本框中指定文本区的行数,其默认值是2。 还可以通过拖动文本区周围的控制点来改变文本区的宽度和行数
6.2.2 文本区（滚动文本框） ◼ 对文本区可进行如下操作： （1）插入一个文本区，同样有两种方法可以实现：将光标移到要插入 的位置，执行【插入】→【表单】→【文本区】命令，也可以单击 【表单】工具栏上的【文本区】按钮 ，插入文本区 。 （2）鼠标右键单击文本区，执行弹出菜单中的【表单域属性】命令， 或直接双击文本区，打开【文本框属性】对话框。 在【文本区属性】对话框中，可以设置文本区的相关属性。文本区 的属性与单行文本框的属性基本相同，不同的是可以输入多行的初始 值，并且可以在【行数】文本框中指定文本区的行数，其默认值是2。 还可以通过拖动文本区周围的控制点来改变文本区的宽度和行数
623文件上载 ■操作步骤如下: (1)先确定要插入单行文本框的位置,然后执行【插入】→【表 单】一【文件上载】命令,或者单击【表单】工具栏上的【文件上载】 按钮,插入文件上载控件 (2)直接在编辑窗口中双击文件上载表单域,打开【文件上载属 性】对话框。 (3)在对话框中可以设置文件上载域的相关属性。 (4)单击【文件夹】按钮,打开【文件夹列表】窗口 (5)单击鼠标右键,执行【新建】→【文件夹】命令。 (6)用鼠标右键单击表单,选择【表单属性】菜单项
6.2.3 文件上载 ◼ 操作步骤如下： （1）先确定要插入单行文本框的位置，然后执行【插入】→【表 单】→【文件上载】命令，或者单击【表单】工具栏上的【文件上载】 按钮 ，插入文件上载控件。 （2）直接在编辑窗口中双击文件上载表单域，打开【文件上载属 性】对话框。 （3）在对话框中可以设置文件上载域的相关属性。 （4）单击【文件夹】按钮，打开【文件夹列表】窗口。 （5）单击鼠标右键，执行【新建】→【文件夹】命令。 （6）用鼠标右键单击表单，选择【表单属性】菜单项