HTML表单属性

频道:六六互联 日期: 浏览:2522

1.action属性

在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。例如:

 

<form action="form_action.asp">

 

表示当提交表单时,表单数据会传送到名为 "form_action.asp"的页面去处理。action的属性值可以是相对路径或绝对路径,还可以为接收数据的E-mail邮箱地址。例如:

 

<form  action=mailto:htmlcss@163.com>

 

表示当提交表单时,表单数据会以电子邮件的形式传递出去。

2.method属性

method属性用于设置表单数据的提交方式,其取值为get或post。在HTML5中,可以通过form标记的method属性指明表单服务器处理数据的方法,示例代码如下:

 

<form  action="form_action.asp"        method="get">

 

在上面的代码中,get为method属性的默认值,采用get方法,提交的数据将显示在浏览器的地址栏中,保密性差,且有数据量的限制。而post方式的保密性好,并且无数据量的限制,所以使用method="post"可以大量的提交数据。

3.name属性

name属性用于指定表单的名称,以区分同一个页面中的多个表单。

4.autocomplete属性

autocomplete属性用于指定表单是否有自动完成功能,所谓“自动完成”是指将表单控件输入的内容记录下来,当再次输入时,会将输入的历史记录显示在一个下拉列表里,以实现自动完成输入。autocomplete属性有2个值,对它们的解释如下:

(1)on:表单有自动完成功能。

(2)off:表单无自动完成功能。

下面为页面中的<form>标记指定autocomplete属性,并将该属性的值指定为on,如例2-34所示。

例2-34  example34.html

 

<!doctype html>

 <html>

 <head>

     <meta  charset="utf-8">

     <title>autocomplete
属性的使用</title>

 </head>

 <body>

   <form id="formBox"  autocomplete="on">

    用户名:

      <input type="text"  id="autofirst"   name="autofirst"/><br/><br/>

       
昵&nbsp;&nbsp;称:

      <input type="text" id="autosecond"    name="autosecond"/><br/><br/>

     <input type="submit"  value="
提交"/>

    </form>

 </body>

 </html>

 

图2-35  autocomplete属性的使用

5.novalidate属性

novalidate属性指定在提交表单时取消对表单进行有效的检查。为表单设置该属性时,可以关闭整个表单的验证,这样可以使form内的所有表单控件不被验证。注意:

<form>标记的属性并不会直接影响表单的显示效果。要想让一个表单有意义,就必须在<form>与</form>之间添加相应的表单控件。