1
2
3
4
5
6

表单标记及属性

发布时间:2018-09-19 08:45   发布人:侯素玲   浏览次数:3107

  

表单标记

在HTML中,<form></form>标记被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,<form> </form>中的所有内容都会被提交给服务器。

创建表单的基本语法格式如下:

<form action="url地址" method="提交方式" id="表单ID" >

   各种表单控件

       </form>

       1. action属性

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

例如:

<form action="form_action.php">

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

 例如:

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

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

      2. method属性

method属性用于设置表单数据的提交方式,其取值为get或post。示例代码如下:

<form action="index.php" method="get">

get为method属性的默认值,采用get方法,提交的数据将显示在浏览器的地址栏中,保密性差,且有数据量的限制。

post方式的保密性好,并且无数据量的限制,使用method="post"可以大量的提交数据。

3. id属性和name属性

id属性类似于身份证号,用于区分同一个页面中的多个表单。

name属性指定表单的名称,用于在 JavaScript 中引用元素,或者在表单提交之后引用表单数据。

<form id="searchForm" method="get" name="soso_search_box" action="https://www.sogou.com/tx?hdq=sogou-wsse-3f7bcd0b3ea82268-0001&ie=utf-8&query="target="_blank">

</form>

form表单中的id属性和name属性,各有各的作用,不要混为一谈。

4.autocomplete属性

autocomplete属性用于指定表单是否启用自动完成功能,它有两个值,对它们的解释如下:

—   on:表单有自动完成功能

—   off:表单无自动完成功能

      5.novalidate属性

      novalidate属性指定在提交表单时取消对表单进行有效的检查。如果使用该属性,则提交表单时不进行验证。

     <form action="index.php" novalidate="true">

     </form>