如何指定表单数据在 HTML5 中提交到服务器时应该编码？

在 HTML5 中，表单数据可以通过不同的编码方式提交到服务器，其中包括：URL 编码、multipart/form-data 和 text/plain。下面分别介绍这三种方式的使用方法及其优缺点。

URL 编码

URL 编码是默认的表单数据编码方式。它将表单数据转换为 URL 格式，并使用 GET 或 POST 请求发送到服务器。当使用 GET 请求时，表单数据会被附加在 URL 后面，例如：

http://example.com/?username=admin&password=123456

当使用 POST 请求时，表单数据会作为请求正文发送到服务器，例如：

POST /login HTTP/1.1
Host: example.com
Content-Type: application/x-www-form-urlencoded

username=admin&password=123456

URL 编码方式的优点是简单易用，数据量小，不需要任何特殊的上传控件。缺点是无法处理二进制数据和大文件，且 URL 长度有一定限制。

multipart/form-data

multipart/form-data 是用于上传文件和二进制数据的一种编码方式，它将表单数据转换为多个部分，并将每个部分单独上传到服务器。这种方式可以处理大文件和二进制数据，但相对于 URL 编码方式，数据量更大，上传速度更慢。

当使用 POST 请求时，multipart/form-data 的请求格式如下：

POST /upload HTTP/1.1
Host: example.com
Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

------WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name="file"; filename="example.png"
Content-Type: image/png

[二进制数据]
------WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name="title"

example
------WebKitFormBoundary7MA4YWxkTrZu0gW

其中，boundary 是一个分隔符，用于分隔不同的表单数据部分。每个部分包含一个 Content-Disposition 头部，用于指定表单字段名称和文件名，以及一个 Content-Type 头部，用于指定数据类型。数据部分之间使用分隔符分隔。

text/plain

text/plain 是一种简单的编码方式，将表单数据编码为纯文本格式，类似于 URL 编码方式，但没有进行 URL 转义。这种方式可以处理简单的文本数据，但不能处理二进制数据和文件上传，也无法进行多个字段之间的分隔。

当使用 POST 请求时，text/plain 的请求格式如下：

POST /login HTTP/1.1
Host: example.com
Content-Type: text/plain

username=admin
password=123456

总结

根据需要选择合适的表单数据编码方式，URL 编码方式适用于简单的文本数据和小文件上传，multipart/form-data 适用于大文件和二进制数据上传，text/plain 适用于简单的文本数据。如果不确定使用哪种编码方式，可以使用默认的 URL 编码方式。