HTML:表单之表单的属性

在网页制作过程中,时常会用到表单。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标记结合。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值