Document

表单和其他HTML元素一样，拥有很多属性，不同的属性值，就呈现不同的表单效果或功能。本节介绍 HTML<form> 元素的不同属性。

Action 属性

action 属性定义提交表单时要执行的操作。通常，当用户单击“提交”按钮时，表单数据将发送到服务器上的文件中。
在下面的例子中，表单数据被发送到名为 “action.js” 的文件。该文件包含处理表单数据的服务器端脚本：

实例
提交后，将表单数据发送到 “action.js”：

<form action="/action.js">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

提示：如果省略 action 属性，则将 action 设置为当前页面。

Target 属性

target 属性规定提交表单后在何处显示响应。

target 属性可设置以下值之一：

值	描述
_blank	响应显示在新窗口或选项卡中。
_self	响应显示在当前窗口中。
_parent	响应显示在父框架中。
_top	响应显示在窗口的整个 body 中。

framename 响应显示在命名的 iframe 中。默认值为 _self，这意味着响应将在当前窗口中打开。
此处，提交的结果将在新的浏览器标签中打开：

<form action="/action.js" target="_blank">

Method 属性

method 属性指定提交表单数据时要使用的 HTTP 方法。
表单数据可以作为 URL 变量（使用 method=“get”）或作为 HTTP post 事务（使用 method=“post”）发送。
提交表单数据时，默认的 HTTP 方法是 GET。

<form action="/action.js" method="get">

<form action="/action.js" method="post">

Autocomplete 属性

autocomplete 属性规定表单是否应打开自动完成功能。
启用自动完成功能后，浏览器会根据用户之前输入的值自动填写值。

<form action="/action.js" autocomplete="on">

Novalidate 属性

novalidate 属性是一个布尔属性。
如果已设置，它规定提交时不应验证表单数据。

<form action="/action_page.php" novalidate>

所有 <form> 属性的列表

属性	描述
accept-charset	规定用于表单提交的字符编码。
action	规定提交表单时将表单数据发送到何处。
autocomplete	规定表单是否应打开自动完成（填写）功能。
enctype	规定将表单数据提交到服务器时应如何编码（仅供 method="post"）。
method	规定发送表单数据时要使用的 HTTP 方法。
name	规定表单名称。
novalidate	规定提交时不应验证表单。
rel	规定链接资源和当前文档之间的关系。
target	规定提交表单后在何处显示接收到的响应。