在网页制作过程中,时常会用到表单。form双标签被用来创建一个表单,在form双标签中可以设置表单的基本属性。
1.处理动作
真正处理表单的数据脚本或程序在action属性里,这个值可以是程序或脚本的一个完整URL。
语法:
<form action="表单的处理程序">
...
</form>
语法中,表单的处理程序定义的表单是要提交的地址,也就是表单中收集到的资料将要传递的程序地址。这一地址可以是绝对地址,也可以是相对地址,还可以是其他一些地址形式(如E-mail地址)。
2.表单名称
名称属性name用于给表单命名。这一属性并不是表单的必要属性,但为防止表单信息在提交到后台处理程序时出现混乱,一般会给表单设置一个功能相符的名称。
需要注意的是,表单名称中不能包含特殊符号和空格。
语法:
<form name="表单名称">
...
</form>
3.传送方法
method属性用来定义处理程序从表单中获得信息的方式,可以取值为get或post,它决定了表单已收集的数据使用什么方法发送到服务器的。
Method取值的含义:
- get:使用这个设置时,表单数据会被视为CGI或ASP的参数发送,也就是来访者输入的数据会附加在URL之后,由用户端直接发送至服务器,所以速度上比post设置快,但缺点是数据长度不能太长。在没有指定method的情形下,一般都会默认为get设置。
- post:使用这种设置时,表单数据是与URL分开发送的,用户端的计算机会通知服务器来读取数据,所以通常没有数据长度上的限制,缺点是速度上比get设置慢。
语法:
<form method="传送方式">
...
</form>
4.编码方式
enctype属性用于设置表单信息提交的编码方式。
enctype取值及含义:
- Text/plain:以纯文本的形式传送;
- Application/x-www-form-urlencoded:默认的编码方式;
- Multipart/form-date:MIME上传文件的表单必须选择该项。
语法:
<form enctype="编码方式">
...
</form>
5.目标显示方式
target属性指定目标窗口的打开方式。菜单的目标窗口往往用来显示表单的返回信息。例如,是否成功提交了表单的内容、是否出错等。
target取值及含义:
- _blank:将链接的文件载入一个未命名的浏览器窗口中;
- _parent:将链接的文件载入含有该链接的父框架集中;
- _self:将链接的文件载入链接所在的同一框架或窗口中;
- _top:将返回信息显示在顶级浏览器窗口中。
语法:
<form target="目标窗口的打开方式">
...
</form>
6.表单的控件
按照控件的填写方式可以分为输入类和菜单列表项。输入类的控件一般为input标记开始,说明这一控件需要用户的输入;而菜单列表项则以select标记开始,表示用户需要选择。按照控件的表现形式则可以分为文本类、选择按钮和菜单等。
语法:
<form>
<input name="控件名称" type="控件类型"/>
...
</form>
注:控件名称是为了便于程序对不同控件的区分,而type参数则是确定了这一个控件域的类型。
type取值及含义:
- text:文字字段;
- password:密码域,用户在页面中输入时不显示具体的内容,以星号“ * ”代替;
- radio:单选按钮;
- checkbox:复选框;
- button:普通按钮;
- submit:提交按钮;
- reset:重置按钮;
- image:图形域,也称为图像提交按钮;
- hidden:隐藏域,隐藏域将不显示在页面上,只将内容传递到服务器中;
- file:文件域。
除了输入空间以外,还有其他控件是不用input标记的,如文字区域直接用textarea标记、菜单标记需要使用select和option标记结合。