📌  相关文章
📜  提交表单时,如何指定将处理通过输入提供的数据的 URL?(1)

📅  最后修改于: 2023-12-03 15:10:11.195000             🧑  作者: Mango

提交表单时,如何指定将处理通过输入提供的数据的 URL?

在HTML中,要将表单数据发送到服务器以进行处理,需要指定表单中的“action”属性。这个属性定义了提交数据的URL。

语法
<form action="URL">
    <!-- form fields -->
</form>
示例

在下面的示例中,我们为一个 “contact us” 表单指定了一个URL,该表单具有输入字段以便于用户填写他们的信息:

<form action="/submit-contact-form">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>

  <label for="message">Message:</label>
  <textarea id="message" name="message" required></textarea>

  <button type="submit">Submit</button>
</form>

在上面的示例中,我们将“action”属性设置为“/submit-contact-form”。这意味着当用户提交表单数据时,数据将通过POST请求发送到该URL。在这个URL上运行的服务器端脚本将能够接收到这些数据,并采取适当的措施进行处理。

请注意,您可以使用任何有效的URL作为表单的“action”属性。这包括同一服务器上的其他页面,还有带有完整协议和主机指定的绝对URL。

总结

通过将表单的“action”属性设置为要处理数据的URL,您可以确保表单数据将被正确发送并处理。记住,您可以将“action”属性设置为任何有效的URL。