HTML form action属性

在HTML中，表单（form）是一种用于收集用户输入数据的元素。当用户提交表单时，需要指定一个处理表单数据的URL。这就是通过HTML的action属性来实现的。

语法

action属性可以添加到<form>元素中，其中 action 属性的值指定了提交表单时数据将被发送到的URL。

<form action="url">
  ...
</form>

用法

action属性可用于指定表单数据将被发送到的服务器端处理脚本。该属性的值可以是相对URL或绝对URL。

<form action="/submit-form.php">
  ...
</form>

<form action="https://example.com/submit-form.php">
  ...
</form>

相对URL vs 绝对URL

• 相对URL：action属性的值是相对于当前页面的URL，可用于将表单提交到与当前页面相同的服务器或子文件夹中的服务器脚本。

  <form action="submit-form.php">
    ...
  </form>
  

• 绝对URL：action属性的值是完整的URL，可用于将表单提交到其他服务器。

  <form action="https://example.com/submit-form.php">
    ...
  </form>
  

目标窗口

如果希望在表单提交后在新窗口或标签页中打开结果页面，可以使用target属性。

<form action="submit-form.php" target="_blank">
  ...
</form>

这个例子中，表单提交后的结果将在新的标签页中打开。

HTTP请求方法

使用method属性可以指定在提交表单时使用的HTTP请求方法。

<form action="submit-form.php" method="POST">
  ...
</form>

默认情况下，方法为GET。可选的方法有 GET 和 POST。

注意事项

• 当指定了action属性时，必须确保服务器端有相应的处理脚本用于接收和处理表单提交的数据。

• 在编写服务器端处理脚本时，需要注意数据的安全性，以防止跨站点脚本攻击（XSS）等安全问题。

结论

action属性用于指定表单提交时数据将被发送到的URL。它是HTML表单中的重要属性，用于将数据发送到服务器端进行处理。同时，action属性还可以指定数据处理结果在当前页面的哪个窗口中打开。

使用正确的action属性和适当的请求方法，开发人员可以轻松地获取和处理用户提交的数据。