HTML 表单中的 formmethod 属性介绍

简介

formmethod 属性是 HTML 表单元素的属性之一，它指定了在提交表单时使用的 HTTP 方法。通常情况下，表单提交时会使用 GET 或 POST 方法，但 formmethod 属性可以让我们灵活地选择使用其他的 HTTP 方法。

用法

formmethod 属性可以应用在表单的 <form> 元素或表单中的提交按钮(type="submit")元素上。它可以接受以下几个值：

• get：使用 GET 方法提交表单。
• post：使用 POST 方法提交表单。
• put：使用 PUT 方法提交表单。
• delete：使用 DELETE 方法提交表单。

示例代码

下面是一个演示 formmethod 属性的示例代码：

<form action="/submit-form" method="post">
  <input type="text" name="name" placeholder="Your name">
  <input type="email" name="email" placeholder="Your email">
  <button type="submit" formmethod="get">Submit using GET</button>
  <button type="submit" formmethod="post">Submit using POST</button>
  <button type="submit" formmethod="put">Submit using PUT</button>
  <button type="submit" formmethod="delete">Submit using DELETE</button>
</form>

在这个例子中，我们定义了一个包含四个按钮的表单。每个按钮都拥有不同的 formmethod 值，用于演示表单提交时使用不同的 HTTP 方法。

注意事项

• formmethod 属性只能用于提交按钮或 <form> 元素中。
• 使用不同的 HTTP 方法提交表单可能会对服务器数据产生不同的影响，要谨慎使用。

参考资料

• MDN Web 文档：formmethod 属性