HTML 表单的 action 和 method 属性

在本文中，我们将介绍 HTML 表单中的 action 和 method 属性。这两个属性是用来指定表单数据的提交目标和提交方法。

阅读更多：HTML 教程

action 属性

action 属性用于指定表单数据提交的目标 URL。当用户点击提交按钮时，表单数据将被发送到该 URL ，并由服务器进行处理。可以是相对 URL 或绝对 URL。

下面是一个例子：

<form action="https://www.example.com/submit" method="post">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">
  <br>
  <input type="submit" value="Submit">
</form>

在上面的例子中，当用户点击提交按钮时，表单数据将被发送到 https://www.example.com/submit 这个 URL。服务器可以根据提交的数据进行相应的处理和响应。

如果不指定 action 属性，或者指定为 action="#"，那么表单数据将会被提交到当前页面的 URL。这种情况下，浏览器会刷新页面并显示服务器返回的响应结果。

method 属性

method 属性指定表单数据提交的方法。常用的方法有 GET 和 POST。

• GET 方法将以 URL 参数的形式将表单数据附加在 URL 后面，数据会暴露在 URL 中。
• POST 方法将以消息体的形式将表单数据发送到服务器，数据不会暴露在 URL 中。

下面是一个使用 GET 方法提交表单数据的例子：

<form action="https://www.example.com/submit" method="get">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">
  <br>
  <input type="submit" value="Submit">
</form>

在上面的例子中，当用户点击提交按钮时，表单数据将被作为 URL 参数附加在 https://www.example.com/submit 后面，形如 https://www.example.com/submit?name=value。

下面是一个使用 POST 方法提交表单数据的例子：

<form action="https://www.example.com/submit" method="post">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">
  <br>
  <input type="submit" value="Submit">
</form>

在上面的例子中，当用户点击提交按钮时，表单数据将被作为消息体发送到服务器。

总结

在本文中，我们介绍了 HTML 表单中的 action 和 method 属性。action 属性用于指定表单数据提交的目标 URL，而 method 属性用于指定表单数据提交的方法。通过合理设置这两个属性，我们可以实现表单数据的提交与处理。在实际应用中，我们可以根据需求选择合适的目标 URL 和提交方法，以满足用户需求。