第 13章 框架和表单本章要点：
创建框架
设置框架的属性
创建表单
创建表单对象
13.1 使用框架
13.1.1 创建框架和框架集
1．创建预定义框架集创建预定义的框架集的方法有两种：
（ 1）使用插入方法创建预定义框架集
（ 2）使用创建新页面方法创建预定义框架集。
2．创建自定义框架集创建自定义框架集的步骤如下：
（ 1）首先选择主菜单 【 查看 】 → 【 可视化助理 】 → 【 框架边框 】 命令 。
（ 2）从 【 修改 】 → 【 框架集 】 中选择相应的子菜单
3,删除框架
13.1.2 选择框架集和框架
1．选取框架和框架集
（ 1）选取某个框架采用按住 Alt 键的同时单击框架内部即可。
选取框架集只需单击框架集的某一内部框架边框即可。
（ 2）选择 【 窗口 】 → 【 其他 】 → 【 框架 】 菜单命令，打开
,框架,面板,
2．从一个选中框架转移到其它框架
(1） 要移动到另一个同一级别框架时,按住 Alt 键的同时按下左右箭头键 。
（ 2） 要选择父框架集时,按住 Alt 键的同时按上箭头键 。
（ 3） 要选择当前选定框架集的第一个子框架或框架集时,按住 Alt 键的同时按下箭头键 。
3,在框架中打开文档
13.1.3 保存框架和框架集文件
保存框架文档：在框架中单击，然后选择 【 文件 】 → 【 保存框架 】 命令或选择 【 文件 】 →
【 框架另存为 】 命令 。
保存框架集文件：在,框架,面板或文档窗口中选择框架集，然后选择 【 文件 】 → 【 保存框架集 】 命令。
保存所有的框架文件：选择 【 文件 】 → 【 保存所有框架 】 命令。
13.2 设置框架和框架集属性
13.2.1 设置框架属性
提示：框架名称必须以字母起始，允许使用下划线（ _），但不能用连字符 （ -）、句点 （,） 和空格。框架名称区分大小写。
13.2.2 设置框架集属性边框,指定在浏览器中是否显示边框。
边框宽度：指定框架集中所有边框的宽度。
边框颜色：设置边框的颜色。
行列选定范围：设置框架集中各行和各列的框架大小。
13.2.3 设置框架集标题、框架大小要设置框架集的标题，首先选中框架集，然后在文档窗口工具栏的,标题,文本框中，输入框架集文档的标题。或选择 【 修改 】 → 【 页面属性 】 命令，使用,页面属性,对话框,
要设置框架的大小,可以采用多种方法 。
（ 1） 直接用鼠标拖动边框改变框架的大小；
（ 2）通过框架集属性检查器中的行列设置进行框架大小的设置。
13.3 在框架中使用链接框架中没有设置链接目标时出现的混乱
13.4 使用表单
13.4.1 创建表单
（ 1）在,插入,面板上选择,表单,类别，单击面板上的表单按钮即可插入表单,
（ 2）选择 【 插入 】 → 【 表单 】 菜单命令，即可插入表单。
13.4.2 设置表单属性在文档窗口中，单击表单红色虚线框以选择该表单，或者在文档窗口的左下角的标签选择器中选择 <form>标签。此时属性面板如图,
13.5 创建表单对象
要添加表单对象，首先将插入点放置在表单区域内需要插入对象的地方，然后选择 【 插入 】
→ 【 表单对象 】 菜单中的相应表单对象，或选择,插入,面板的,表单,类别，单击对应的表单按钮。
13.5.1 文本域文本域可以接收任何类型的文本，它是用户用于输入信息的表单对象。文本域有三种类型：
单行文本域、多行文本域和密码域。
提示：如果字符宽度设置为 20,而用户输入了 100个字符,则在该文本域中只能看到其中的 20个字符 。 但是虽然无法在该文本域中看到这些字符,它们仍然会被发送到服务器进行处理 。
13.5.2 复选框要插入复选框,首先 将插入点放在表单内,然后执行下列操作之一：
（ 1） 选择菜单命令 【 插入 】 → 【 表单对象 】 → 【 复选框 】 。
（ 2）在,插入,面板的,表单,类别中，单击,复选框,按钮。
13.5.3 单选按钮单选按钮的属性面板与复选框的属性面板类似，其各属性含义也相同。需注意的是要确保每组单选按钮都具有唯一名称。
13.5.4 创建列表 /菜单要创建滚动列表或下拉菜单，先将插入点放置在表单内，然后单击,表单,类别面板上的,列表 /菜单,按钮即可。
13.5.5 插入按钮要插入按钮，首先将插入点放在表单内，然后单击,表单,面板中的,按钮,图标,
13.5.6 创建图像域要在文档插入图像域，首先将插入点放在表单内，然后单击
,表单,面板中的,图像域,图标，这时会弹出,选择图像源,
对话框，从中选择所需的图像文件的路径及名称，即可将该图像插入到文档中。
13.5.7 创建文件域
提示：使用文件域时要求表单使用 POST方法将数据发送到服务器 。 该文件被发送到表单在动作域中所指定的地址 。
13.5.8 创建隐藏域要创建隐藏域，将插入点放在表单内，然后选择 【 插入 】 →
【 表单对象 】 → 【 隐藏域 】 菜单命令，或单击,表单,面板中的
,隐藏域,图标。
13.6 表单的处理例如,假设在页面创建了如图 13-24所示的表单,仅包含两个单选按钮,
分别标记为,男,和,女,,另有一个,提交,按钮 。
对表单的操作是在文档的 head部分定义的 JavaScript函数,当用户选择男或女时弹出信息框,分别显示不同信息 。 首先在文档头部添加以下
JavaScript函数：
<script language="JavaScript">
function processForm（ ） {
if （ document.form1.elements（ 0）,checked） {
13-25 浏览器中查看客户端处理表单的结果
alert（ '欢迎您,先生 ！ '） ;
}else{
alert（ '欢迎您,女士 ！ '） ;
}
}
</script>
13.7 小结
本章主要介绍了两个方面的内容：框架和表单。对于框架，主要介绍了框架的作用、创建框架与框架集的方法、修改框架的方法、保存框架和框架集文件的方法、设置框架属性的方法以及如何使用超链接控制框架中的内容的方法。对于表单，主要介绍了在网页中使用表单的方法、创建表单和表单对象的方法以及设置各个表单对象属性的方法。
创建框架
设置框架的属性
创建表单
创建表单对象
13.1 使用框架
13.1.1 创建框架和框架集
1．创建预定义框架集创建预定义的框架集的方法有两种：
（ 1）使用插入方法创建预定义框架集
（ 2）使用创建新页面方法创建预定义框架集。
2．创建自定义框架集创建自定义框架集的步骤如下：
（ 1）首先选择主菜单 【 查看 】 → 【 可视化助理 】 → 【 框架边框 】 命令 。
（ 2）从 【 修改 】 → 【 框架集 】 中选择相应的子菜单
3,删除框架
13.1.2 选择框架集和框架
1．选取框架和框架集
（ 1）选取某个框架采用按住 Alt 键的同时单击框架内部即可。
选取框架集只需单击框架集的某一内部框架边框即可。
（ 2）选择 【 窗口 】 → 【 其他 】 → 【 框架 】 菜单命令，打开
,框架,面板,
2．从一个选中框架转移到其它框架
(1） 要移动到另一个同一级别框架时,按住 Alt 键的同时按下左右箭头键 。
（ 2） 要选择父框架集时,按住 Alt 键的同时按上箭头键 。
（ 3） 要选择当前选定框架集的第一个子框架或框架集时,按住 Alt 键的同时按下箭头键 。
3,在框架中打开文档
13.1.3 保存框架和框架集文件
保存框架文档：在框架中单击，然后选择 【 文件 】 → 【 保存框架 】 命令或选择 【 文件 】 →
【 框架另存为 】 命令 。
保存框架集文件：在,框架,面板或文档窗口中选择框架集，然后选择 【 文件 】 → 【 保存框架集 】 命令。
保存所有的框架文件：选择 【 文件 】 → 【 保存所有框架 】 命令。
13.2 设置框架和框架集属性
13.2.1 设置框架属性
提示：框架名称必须以字母起始，允许使用下划线（ _），但不能用连字符 （ -）、句点 （,） 和空格。框架名称区分大小写。
13.2.2 设置框架集属性边框,指定在浏览器中是否显示边框。
边框宽度：指定框架集中所有边框的宽度。
边框颜色：设置边框的颜色。
行列选定范围：设置框架集中各行和各列的框架大小。
13.2.3 设置框架集标题、框架大小要设置框架集的标题，首先选中框架集，然后在文档窗口工具栏的,标题,文本框中，输入框架集文档的标题。或选择 【 修改 】 → 【 页面属性 】 命令，使用,页面属性,对话框,
要设置框架的大小,可以采用多种方法 。
（ 1） 直接用鼠标拖动边框改变框架的大小；
（ 2）通过框架集属性检查器中的行列设置进行框架大小的设置。
13.3 在框架中使用链接框架中没有设置链接目标时出现的混乱
13.4 使用表单
13.4.1 创建表单
（ 1）在,插入,面板上选择,表单,类别，单击面板上的表单按钮即可插入表单,
（ 2）选择 【 插入 】 → 【 表单 】 菜单命令，即可插入表单。
13.4.2 设置表单属性在文档窗口中，单击表单红色虚线框以选择该表单，或者在文档窗口的左下角的标签选择器中选择 <form>标签。此时属性面板如图,
13.5 创建表单对象
要添加表单对象，首先将插入点放置在表单区域内需要插入对象的地方，然后选择 【 插入 】
→ 【 表单对象 】 菜单中的相应表单对象，或选择,插入,面板的,表单,类别，单击对应的表单按钮。
13.5.1 文本域文本域可以接收任何类型的文本，它是用户用于输入信息的表单对象。文本域有三种类型：
单行文本域、多行文本域和密码域。
提示：如果字符宽度设置为 20,而用户输入了 100个字符,则在该文本域中只能看到其中的 20个字符 。 但是虽然无法在该文本域中看到这些字符,它们仍然会被发送到服务器进行处理 。
13.5.2 复选框要插入复选框,首先 将插入点放在表单内,然后执行下列操作之一：
（ 1） 选择菜单命令 【 插入 】 → 【 表单对象 】 → 【 复选框 】 。
（ 2）在,插入,面板的,表单,类别中，单击,复选框,按钮。
13.5.3 单选按钮单选按钮的属性面板与复选框的属性面板类似，其各属性含义也相同。需注意的是要确保每组单选按钮都具有唯一名称。
13.5.4 创建列表 /菜单要创建滚动列表或下拉菜单，先将插入点放置在表单内，然后单击,表单,类别面板上的,列表 /菜单,按钮即可。
13.5.5 插入按钮要插入按钮，首先将插入点放在表单内，然后单击,表单,面板中的,按钮,图标,
13.5.6 创建图像域要在文档插入图像域，首先将插入点放在表单内，然后单击
,表单,面板中的,图像域,图标，这时会弹出,选择图像源,
对话框，从中选择所需的图像文件的路径及名称，即可将该图像插入到文档中。
13.5.7 创建文件域
提示：使用文件域时要求表单使用 POST方法将数据发送到服务器 。 该文件被发送到表单在动作域中所指定的地址 。
13.5.8 创建隐藏域要创建隐藏域，将插入点放在表单内，然后选择 【 插入 】 →
【 表单对象 】 → 【 隐藏域 】 菜单命令，或单击,表单,面板中的
,隐藏域,图标。
13.6 表单的处理例如,假设在页面创建了如图 13-24所示的表单,仅包含两个单选按钮,
分别标记为,男,和,女,,另有一个,提交,按钮 。
对表单的操作是在文档的 head部分定义的 JavaScript函数,当用户选择男或女时弹出信息框,分别显示不同信息 。 首先在文档头部添加以下
JavaScript函数：
<script language="JavaScript">
function processForm（ ） {
if （ document.form1.elements（ 0）,checked） {
13-25 浏览器中查看客户端处理表单的结果
alert（ '欢迎您,先生 ！ '） ;
}else{
alert（ '欢迎您,女士 ！ '） ;
}
}
</script>
13.7 小结
本章主要介绍了两个方面的内容：框架和表单。对于框架，主要介绍了框架的作用、创建框架与框架集的方法、修改框架的方法、保存框架和框架集文件的方法、设置框架属性的方法以及如何使用超链接控制框架中的内容的方法。对于表单，主要介绍了在网页中使用表单的方法、创建表单和表单对象的方法以及设置各个表单对象属性的方法。
