第12章 表单及应用

1、 l1.表单域l2.文本域l3.单选按钮、复选框l4.列表和菜单l5.按钮l6.跳转菜单l1.掌握插入、设置表单域的方法；l2.熟练使用常用的表单对象创建表单网页。l表单可以帮助Internet服务器从用户那里收集信息，例如收集用户资料、获取用户订单等。表单的工作过程是：访问者在浏览有表单的页面时，填写必要的信息，然后单击【提交】按钮。这些信息通过Internet传送到服务器上，服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。当数据完整无误后，服务器程序对数据做出相应的反馈。l每个表单都是由一个表单域和若干个表单对象构成的。表单对象包括有：文本域、单选按钮、复选

2、框、按钮、列表菜单等，它们都必须插入到表单域中，浏览器才能正确处理这些数据。l插入表单域的步骤如下：l打开一个页面，将插入点放置到希望添加表单的地方。l执行“插入” “表单”菜单命令，或选择工具栏上的“表单”选项卡，然后单击【表单】l1.“表单名称”：用于设置表单的名称，以便程序正确处理该表单。l2.“动作”：用于指定处理该表单的服务器端脚本的路径。l3.“方法”：用于选择把表单数据传输到服务器的方法。有三个选项：默认、GET和POST。l“POST”方法将在 HTTP 请求中嵌入表单数据。l“GET”方法将值附加到请求该页的 URL中。l“默认”方法是指使用浏览器的默认设置将表单数据发送到服

3、务器。通常，默认方法为GET方法。l不要使用GET方法发送长表单和机密信息，因为当发送的数据量太大时，数据将被截断，从而导致意外的或失败的处理结果，而且GET方法传递信息不安全。l4.“目标”：用于指定一个窗口来显示调用程序所返回的数据。如果命名的窗口尚未打开，则打开一个具有该名称的新窗口。目标值有：_blank在未命名的新窗口中打开目标文档。 _parent在显示当前文档的窗口的父窗口中打开目标文档。_self在提交表单所使用的窗口中打开目标文档。_top在当前窗口的窗体内打开目标文档。此值可用于确保目标文档占用整个窗口，即使原始文档显示在框架中。l5.“MIME类型”：用于设置发送数据的M

4、IME编码类型。l插入一个文本域的步骤如下：l将插入点放在表单轮廓内。 l选择“插入” “表单” “文本域”菜单命令，或者单击“插入”工具栏上的【文本域】按钮。一个文本域随即出现在文档中。l若要在页面中为文本域添加标签，请在该文本域旁边单击，然后键入标签文字。l在属性面板中，根据需要设置文本域的属性。l单选按钮可让用户从一组选项中选择一个选项 。l将插入点放在表单轮廓内。 l执行“插入” “表单” “单选按钮组” ，或选择工具栏上的“表单”选项卡，然后单击【单选按钮组】按钮。 l出现“单选按钮组”对话框。完成“单选按钮组”对话框，然后单击“确定”。 l复选框可让用户可以从一组选项中选择多个选项

5、 。l将插入点放在表单轮廓内。 l执行“插入”“表单”“复选框” ，或选择工具栏上的“表单”选项卡，然后单击【复选框】按钮。 一个复选框随即出现在文档中。l按钮控制表单的操作。使用按钮可将表单数据提交到服务器，或者重置该表单。标准表单按钮通常带有“提交”、“重置”或“发送”标签。 l插入列表菜单的步骤如下：l将插入点放在表单轮廓内。l执行“插入”“表单”“列表/菜单” ，或选择工具栏上的“表单”选项卡，然后单击【列表/菜单】按钮。一个菜单随即出现在文档中。l在“属性”检查器中，可以设置属性 l文件域使用户可以选择其计算机上的文件，如字处理文档或图形文件，并将该文件上传到服务器。文件域的外观与其

6、它文本域类似，只是文件域还包含一个【浏览】按钮。用户可以手动输入要上传的文件的路径，也可以使用【浏览】按钮定位并选择该文件。 l跳转菜单可建立URL与弹出菜单列表中的选项之间的关联。通过从列表中选择一项，用户将跳转到指定的URL。l【例12.2】插入如图的跳转菜单 【实例12.3】制作如图所示的个人资料表单网页。操作步骤如下：（1）新建一个网页12_3.html，执行“插入” “表单”菜单命令，插入一个空的表单域。（2）在表单内插入10行2列的表格，选中表格，如下图所示设置表格属性，修改表格宽70%，填充5，间距1，背景颜色黑色。（3）将表格第一行的两个单元格合并，修改第一行单元格的背景颜色为

7、“#99CCFF”。在表格第一行插入文字“个人资料”，选中文字将其大小设置为16点数，居中对齐。（4）拖动鼠标将表格的其他行选中，设置背景颜色为“#EEEEEE”。在表格第一列分别输入文字：“姓 名：”、“性 别：”、“出生日期：”、“学 历：”、“专 业：”等，并使文字居中对齐。（5）将光标定位在“姓名：”右边的单元格中，执行“插入” “表单” “文本域”菜单命令，插入一个文本域。（6）将光标定位在“性别：”右边的单元格中，执行“插入” “表单” “单选按钮组”菜单命令，在“单选按钮组”对话框中，单击【+】按钮添加单选按钮，如下图进行设置，即可插入一个单选按钮组。选中第一个单选按钮，在属性面

8、板中将【初始状态】设置为“已勾选”。（7）将光标定位在“出生年月：”右边的单元格中，执行“插入” “表单” “文本域”菜单命令，插入一个文本域，在之后输入标签文字“年”， 再插入一个文本域，在之后输入标签文字“月”， 再插入一个文本域，在之后输入标签文字“日”。（8）将光标定位在“专业：”右边的单元格中，执行“插入” “表单” “列表/菜单”菜单命令，插入一个菜单，在属性面板中，单击【列表值】按钮，打开“列表值”对话框，单击【+】按钮，如图所示添加列表值。（9）将光标定位在“学历：”右边的单元格中，执行“插入” “表单” “文本域”菜单命令，插入一个文本域。（10）将光标定位在“兴趣爱好：”右边的单元格中，执行“插入” “表单” “复选框”菜单命令，插入一个复选框，在之后输入标签文字“运动”，用同样的方法插入三个复选框和“阅读”、“音乐”、“旅游”的标签文字。（11）将光标定位在“电子邮箱：”右边的单元格中，执行“插入” “表单” “文本域”菜单命令，插入一个文本域。（12）将光标定位在“个人简历：”右边的单元格中，执行“插入” “表单” “文本域”菜单命令，插入一个文本域。选中文本域，在属性面板中将【类型】设置为“多行”，【行数】设置为5，【字符宽度】设置为40。（13）将表格最后一行的两个单元格合并，将光标定位在最后一行的单元格中，在属性面板中