在上一个单元中，您学习了如何使用

元素。在本单元中，您将了解表单的运作方式以及何时使用表单。

您是否应使用 元素？

Browser Support

1

12

1

1

Source

您不一定总是需要将表单控件放在 元素中。例如，您可以提供

表单提交功能如何运作？

当您提交

时，浏览器会检查 属性。数据会根据 method 属性作为 GET 或 POST 请求发送。如果没有 method 属性，系统会向当前网页的网址发出 GET 请求。

您可以如何访问和处理表单数据？

提交的数据可以由前端 JavaScript 使用 GET 请求处理，也可以由后端代码使用 GET 或 POST 请求处理。详细了解请求类型和转移表单数据。

注意： 提交按钮可能具有 formmethod 属性。如果是这种情况，系统会使用其中定义的值。

提交表单后，浏览器会向 action 属性的值所对应的网址发出请求。此外，浏览器还会检查 Submit 按钮是否具有 formaction 属性。如果是这种情况，系统会使用其中定义的网址。

此外，浏览器还会查找 元素的其他属性，例如，确定是否应验证表单 (novalidate)、是否应使用自动补全功能 (autocomplete="off") 或应使用哪种编码 (accept-charset)。

尝试构建一个表单，让用户可以提交自己喜欢的颜色。数据应作为 POST 请求发送，数据处理网址应为 /color。

显示表单

一种可能的解决方案是使用此表单：

确保用户可以提交您的表单

您可以通过两种方式提交表单。您可以点击提交按钮，也可以在使用任何表单控件时按 Enter。

注意 ：请为提交按钮使用具有操作性的名称，例如“继续付款”或“保存更改”，而不是仅使用“提交”。在等待用户提供有效输入时，请勿停用提交按钮，但在表单提交后，不妨考虑停用该按钮，以防止向服务器发出多次请求。详细了解提交按钮方面的最佳实践。

您可以通过多种方式添加提交按钮。一种方法是在表单中使用