HTML | <button> formmethod 属性

HTML 中的 <button> 元素常用于创建与表单交互的按钮。为了指定该按钮发送表单时使用的 HTTP 方法，可以使用 formmethod 属性。

使用方法

formmethod 属性可用于任何类型的 <button> 元素中，包括 submit、reset 和普通按钮。通过设置该属性的值，可以指定发送表单时使用的 HTTP 方法，例如 GET 或 POST。

<form>
  <button type="submit" formmethod="post">提交表单</button>
  <button type="reset" formmethod="get">重置表单</button>
  <button formaction="/search" formmethod="get">搜索</button>
</form>

上面的示例中，第一个按钮使用 formmethod="post" 来指定提交表单时使用 POST 方法，第二个按钮使用 formmethod="get" 来指定重置表单时使用 GET 方法，第三个按钮使用 formaction 属性来指定表单提交的 URL，使用 GET 方法发送数据。

注意点

• formmethod 属性仅在 <button> 元素添加了 form 属性之后才能生效，否则会被忽略。
• 如果表单同时包括多个提交按钮，使用 formmethod 属性只会影响当前按钮的提交方法，其他按钮提交时使用的方法不会改变。

以上就是 <button> 元素中的 formmethod 属性的使用方法和注意点。

参考资料：

• MDN Web Docs - <button> 元素
• MDN Web Docs - formmethod 属性