表单提交方法及属性详解

搜索

在提交表单时，如果用户在文本框里输入了“JavaScript”，则提交的URL为：`/search?q=JavaScript`。

GET 方法的特点是：

- 可以被缓存；

- 可以被收藏为书签；

- 对搜索引擎友好。

由于表单数据都暴露在URL上，所以不适合用于提交敏感数据，例如密码等。由于URL长度有限制，所以适合提交少量数据，例如搜索关键词。

POST方法

POST 方法将表单数据作为 HTTP 请求的一部分，放在请求体中，不会暴露在URL上。例如：

登录

在提交表单时，用户名和密码都被放在请求体中，不会暴露在URL上。

POST 方法的特点是：

- 可以提交任意数据，甚至可以上传文件；

- 对搜索引擎不友好，不会被收录；

- 不适合被缓存或收藏为书签。

POST 方法适合用于提交敏感数据，例如用户的登录信息、银行卡号等，以及提交较大的数据量。

表单提交属性

除了表单提交方法之外，还有一些属性可以控制表单的提交行为。

action 属性

action 属性指定表单提交的URL，例如：

在提交该表单时，浏览器会向 `/search` 这个URL 发起 GET 请求，提交用户输入的搜索关键词。

target 属性

target 属性指定表单提交后显示结果的位置，例如：

在提交该表单时，浏览器会在新窗口中打开 `/search?q=JavaScript` 这个URL，显示搜索结果。

enctype 属性

enctype 属性指定表单数据的编码方式，常用的有三种：

- application/x-www-form-urlencoded：默认值，适合普通文本数据；

- multipart/form-data：适合上传文件；

- text/plain：适合纯文本数据。

例如：

上传

在提交该表单时，浏览器会以 multipart/form-data 的方式编码表单数据，并将上传的文件作为请求体的一部分。

表单是网页开发中常用的一种交互方式，提交方法有 GET 和 POST 两种。GET 方法适合提交少量数据，不适合提交敏感数据；POST 方法适合提交任意数据，包括上传文件，适合提交敏感数据和较大的数据量。除了提交方法，还有一些属性可以控制提交行为，例如 action、target 和 enctype 等。

TAGS

表单 表单提交方法 表单属性

标签： 表单的提交方法由什么属性指定