HTML 表单属性

Action 属性

action 属性定义提交表单时要执行的操作。

通常，当用户单击"提交"按钮时，表单数据将发送到服务器上的文件中。

在下面的例子中，表单数据被发送到名为 "action_page.php" 的文件。该文件包含处理表单数据的服务器端脚本:

实例

提交后，将表单数据发送到 "action_page.php":

First

name:

value="John">
Last name:

亲自试一试 »

Method 属性

method 属性指定提交表单数据时要使用的 HTTP 方法。

表单数据可以作为 URL 变量（使用 method="get"）或作为 HTTP post 事务（使用 method="post"）发送。

提交表单数据时，默认的 HTTP 方法是 GET。

实例

此例在提交表单数据时使用 GET 方法:

亲自试一试 »

实例

此例在提交表单数据时使用 POST 方法:

亲自试一试 »

关于 GET 的注意事项:

以名称/值对的形式将表单数据追加到 URL

永远不要使用 GET 发送敏感数据！（提交的表单数据在 URL 中可见！）

URL 的长度受到限制（2048 个字符）

对于用户希望将结果添加为书签的表单提交很有用

GET 适用于非安全数据，例如 Google 中的查询字符串

关于 POST 的注意事项:

将表单数据附加在 HTTP 请求的正文中（不在 URL 中显示提交的表单数据）

POST 没有大小限制，可用于发送大量数据。

带有 POST 的表单提交无法添加书签

提示: 如果表单数据包含敏感信息或个人信息，请务必使用 POST！

Autocomplete 属性

autocomplete 属性规定表单是否应打开自动完成功能。

启用自动完成功能后，浏览器会根据用户之前输入的值自动填写值。

实例

启用自动填写的表单:

亲自试一试 »

Novalidate 属性

novalidate 属性是一个布尔属性。

如果已设置，它规定提交时不应验证表单数据。

实例

未设置 novalidate 属性的表单:

亲自试一试 »

HTML 实验

学习训练

练习题:

添加一个提交按钮，并指定表单应提交到 "/action_page.asp"。

Name:

<>

属性

描述

accept-charset

规定用于表单提交的字符编码。

action

规定提交表单时将表单数据发送到何处。

autocomplete

规定表单是否应打开自动完成（填写）功能。

enctype

规定将表单数据提交到服务器时应如何编码 (仅供 method="post")

method

规定发送表单数据时要使用的 HTTP 方法。

name

规定表单名称。

novalidate

规定提交时不应验证表单。

rel

规定链接资源和当前文档之间的关系。

target

规定提交表单后在何处显示接收到的响应。

❮ HTML 表单

HTML 表单元素 ❯