表单标记
在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>