HTML 表单属性
本章介绍 HTML <form> 元素的不同属性。
action 属性
action 属性定义了表单提交时要执行的操作。
通常，当用户点击提交按钮时，表单数据会发送到服务器上的一个文件。
在下面的示例中，表单数据被发送到名为 "action_page.php" 的文件。此文件包含一个处理表单数据的服务器端脚本。
示例
提交时，将表单数据发送到 "action_page.php"
<form action="/action_page.php">
<label for="fname">名:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">姓:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="提交">
</form>
自己动手试一试 »
提示： 如果省略 action 属性，则操作被设置为当前页面。
target 属性
target 属性指定在提交表单后接收到的响应显示在哪里。
target 属性可以有以下值之一：
| 值 | 描述 |
|---|---|
| _blank | 响应在新窗口或新标签页中显示 |
| _self | 响应在当前窗口中显示 |
| _parent | 响应显示在父框架中 |
| _top | 响应显示在窗口的整个主体中 |
| framename | 响应显示在命名的 iframe 中 |
默认值是 _self，这意味着响应将在当前窗口中打开。
method 属性
method 属性指定提交表单数据时使用的 HTTP 方法。
表单数据可以作为 URL 变量发送（使用 method="get"）或作为 HTTP POST 事务发送（使用 method="post"）。
提交表单数据时，默认的 HTTP 方法是 GET。
GET 注意事项
- 将表单数据以名称/值对的形式附加到 URL
- 切勿使用 GET 发送敏感数据！（提交的表单数据在 URL 中可见！）
- URL 的长度有限制（2048 个字符）
- 适用于用户希望收藏结果的表单提交
- GET 适用于非安全数据，例如 Google 中的查询字符串
POST 注意事项
- 将表单数据附加到 HTTP 请求的正文中（提交的表单数据不会在 URL 中显示）
- POST 没有大小限制，可用于发送大量数据。
- 使用 POST 提交的表单无法收藏
提示： 如果表单数据包含敏感或个人信息，请始终使用 POST！
autocomplete 属性
autocomplete 属性指定表单是否应启用或禁用自动完成功能。
当 autocomplete 为 on 时，浏览器会根据用户之前输入过的值自动完成输入。
novalidate 属性
novalidate 属性是一个布尔属性。
当存在时，它指定提交表单数据（输入）时不应进行验证。
所有 <form> 属性列表
| Attribute | 描述 |
|---|---|
| accept-charset | 指定用于表单提交的字符编码 |
| action | 指定提交表单数据时发送到的位置 |
| autocomplete | 指定表单是否应启用或禁用自动完成功能 |
| enctype | 指定提交表单数据时如何进行编码（仅适用于 method="post"） |
| method | 指定发送表单数据时要使用的 HTTP 方法 |
| name | 指定表单的名称 |
| novalidate | 指定提交表单时不对表单进行验证 |
| rel | 指定链接资源与当前文档之间的关系 |
| target | 指定在提交表单后接收到的响应显示在哪里 |
