网页设计与制作案例教程 教学配套课件 池同柱 第9章 表单应用.pdfVIP

第9章 表单应用 一、创建和使用表单 1.创建表单域 表单是Internet用户同服务器进行信息交流的最重要工 具。通常，一个表单中会包含多个对象，有时它们也被称为 控件，如用于输入文本的文本域、用于发送命令的按钮、用 于选泽项目的单选按钮和复选框，以及用于显示选项列表的 列表框等。 在网页中添加表单对象，首先必须创建表单。每个表单 都是由一个表单域和若干表单对象组成的，所有的表单对象 要放到表单域中才会有效。因此，制作表单的第一步是创建 表单域。 （1）可以通过选择菜单【插入】→【表单对象】来插入表单域 对象，或者通过从如图9-7所示的“插入”栏的“表单”面板 来插入表单域对象。 （2）用鼠标选中表单，在属性面板上可以设置表单的各项属 性。  “表单名称”用来设置这个表单的名称。为了正确地处 理表单，一定要给表单设置一个名称。  “动作”用来设置处理这个表单的服务器端脚本的路 径。如果希望该表单通过E-mail地址。在这里我们输入 mailto:chitz@126.com，表示把表单中的内容发送到作 者的电子邮箱中。  “目标”下拉列表框用来设置表单被处理后，反馈网页 默认的打开的方式，有4个选项——“_blank”、 “_parent”、“_self”、和“_top”，反馈网页默认 的打开方式是在原窗口里打开。如果选择“_blank”， 则反馈网页将在新开窗口里打开；如果选择 “_parent”，则反馈网页将在父窗口里打开；如果选择 “_self”，则反馈网页将在原窗口里打开；如果选择 “_top”，则反馈网页将在顶层窗口里打开。  “方法”下拉列表框用来设置将表单数据发送到服务 器的方法，有3个选项——“默认”、“POST”和 “GET”。 如果选择“默认”或“GET”，则将以GET方法发送表 单数据，把表单数据附加到请求URL中发送；如果选择 “POST”，则将以POST方法发送表单数据，把表单数据嵌 入到HTTP请求中发送。一般情况下应该选泽 “POST”。 2.设置表单可见属性 表单在浏览网页中属于不可见元素。在Dreamweaver CS3中插入一个表单，当页面处于“设计”视图中时，用红 色的虚轮廓线指示表单。如果没有看到此轮廓线，可通过 选中【查看】→【可视化助理】→【不可见元素】来设置 表单的可见属性。 二、创建文本域 1.单行文本域和密码域 在表单的文本域中，可以输入任何类型的文本、数字或 字母。输入的内容可以单行显示，也可以多行显示。并且， 还可以将密码以星号形式显示。 （1）将光标放置于要添加文本域的位置。 （2）在表单面板中单击【文本域】，在光标所在位置插入文本 域。 选中文本域，打开属性面板，可以设置文本域的属性。  “文本域”下面的文本框用来设置所选文本框的名称。  “字符宽度”文本框用来设置所选文本框的长度，可输入 数值，例如输入“30”，则文本框的长度能显示30个字节 的字符，或者能显示15个汉字。  “最多字符数”文本框用来设置所选文本框能输入的最大 字符数，可输入数值。例如输入“10”，则文本框最多能 输入10个字节的字符，或者最多能输入5个汉字。  “初始值”文本框用来设置所选文本框被显示时的初始文 本。 在文本域属性面板中的“类型”后选择“密码”单选 按钮，则文本框将转换成密码文本域。密码文本域中的内 容在输入和显示时任何内容均以字符“*”显示。 2.多行文本域 多行文本域也称文本区域，创建多行文本域有两种方 法： （1）在表单面板中单击【文本区域】，在光标所在位置插入文本 区域。 （2）先在在光标所在位置插入文本域，然后在文本域属