HTML表单有哪些属性？表单属性讲解

表单拥有多个属性，通过设置表单属性可以实现提交方式、自动完成、表单验证等不同的表单功能。下面将对表单标记的相关属性进行讲解

1.action属性

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

<form action="form action.asp">

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

<form action=mailto:htmlcss@1 63.com>表示当提交表单时，表单数据会以电子邮件的形式传递出去。

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

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

在上面的代码中，get为method属性的默认值，采用get方法，浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据。
如果采用post方法，浏览器将会按照下面两步来发送数据。首先，浏览器将与action属性中指定的表单处理服务器建立联系，然后浏览器按分段传输的方法将数据发送给服务器。
另外，采用get方法提交的数据将显示在浏览器的地址栏中，保密性差，且有数据量的限制。而post方式的保密性好，并且无数据量的限制，所以使用method="post"可以提交大量数据。

3.name属性
name属性用于指定表单的名称，具有name属性的元素会将用户填写的内容提交给服务器。

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

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

值得一提的是，autocomplete属性不仅可以用于<form>标记，还可以用于所有输人类型的<input/>标记。

5.novalidate属性
novalidate属性指定在提交表单时取消对表单进行有效的检查。为表单设置该属性时，可以关闭整个表单的验证，这样可以使<form>标记内的所有表单控件不被验证，示例代码如下:

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

上述示例代码对form标记应用“novalidate="true"” 样式，来取消表单验证。

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

猜你喜欢：

表单由哪几个部分构成？如何创建表单

CSS结构与表现分离怎么实现？

有序列表是什么？如何定义有序列表？

表格标签的特点，如何在HTML网页中创建表格？

传智教育前端与移动开发培训