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