什么是表单数据

表单数据（Form Data）是指通过网页上的表单（HTML form）收集并提交给服务器的信息。用户可以通过填写表单来提供各种信息，如用户名、密码、电子邮件地址、评论等。当用户点击表单上的“提交”按钮时，表单数据会被发送到服务器，服务器则根据接收到的数据执行相应的操作，如创建新账户、更新用户资料、搜索数据库等。

表单的基本结构

一个简单的 HTML 表单可能看起来像这样：

<form action="/submit" method="post"><label for="username">用户名:</label><input type="text" id="username" name="username"><br><br><label for="password">密码:</label><input type="password" id="password" name="password"><br><br><input type="submit" value="提交">
</form>

测试：https://jsfiddle.net/?

在这个例子中：

• <form> 标签定义了一个表单，action 属性指定了表单数据提交的目标 URL，method 属性指定了提交数据时使用的 HTTP 方法（通常是 GET 或 POST）。
• <input> 标签用于创建输入控件，type 属性定义了输入控件的类型（如文本框、密码框等），name 属性是提交数据时的键名，id 通常用于关联 <label> 标签。
• <label> 标签用于描述每个输入控件的用途，提高用户体验。
• <input type="submit"> 创建了一个提交按钮，用户点击后表单数据将被发送到服务器。

提交方式

• GET 方法：当表单的 method 属性设置为 GET 时，表单数据会被附加在 URL 后面作为查询参数提交。这种方式适合提交少量的非敏感数据，因为数据会显示在浏览器地址栏中，容易被记录和共享。
• POST 方法：当 method 属性设置为 POST 时，表单数据会在请求体中发送，不会出现在 URL 中，因此更适合提交敏感数据或大量数据。

表单数据的编码

• application/x-www-form-urlencoded：这是默认的编码方式，表单数据被编码成键值对的形式，如 username=John&password=Doe。
• multipart/form-data：当表单中包含文件上传字段时，必须使用此编码方式。它允许将文件和其他数据一起发送。

处理表单数据

服务器端需要解析接收到的表单数据。对于 application/x-www-form-urlencoded 编码的数据，大多数 Web 框架都提供了自动解析的功能，可以直接访问表单字段。例如，在 Flask 中，可以通过 request.form['username'] 获取 username 字段的值。

总之，表单数据是 Web 开发中非常基础和重要的一部分，它使得用户能够与 Web 应用程序进行互动。