HTML <button> formmethod 属性

在 HTML 中，<button> 元素用于创建可点击的按钮。<button> 元素有一个很有用的属性，即 formmethod 属性。这个属性可以用来指定在提交表单时使用的 HTTP 方法。

语法

formmethod 属性的语法如下：

<button formmethod="get|post">

formmethod 属性可以取两个值，分别是 get 和 post。当 formmethod 属性设置为 get 时，表单数据将会以 URL 参数的形式附加到 URL 中进行提交。而当 formmethod 属性设置为 post 时，表单数据将会作为 HTTP 请求的主体进行提交。

适用情况

formmethod 属性通常用于在一个表单中有多个提交按钮的情况下。比如，一个表单中有一个按钮用于提交数据到服务器，另一个按钮用于重置表单数据。

示例代码

下面是一个示例代码，演示了如何在一个表单中使用 <button> 元素和 formmethod 属性：

<form action="/submit" method="post">
  <input type="text" name="username" placeholder="Username">
  <input type="password" name="password" placeholder="Password">
  
  <button type="submit" formmethod="post">Submit</button>
  <button type="reset">Reset</button>
</form>

在上面的示例中，我们创建了一个包含用户名和密码输入框的表单，并使用两个 <button> 元素来进行提交和重置操作。其中，第一个 <button> 元素使用了 formmethod="post" 属性，表示在提交表单时使用 POST 方法。

注意事项

• 当使用 formmethod 属性时，要确保按钮是 <button> 元素，而不是 <input> 元素。因为 <input> 元素的 formmethod 属性是只读的，无法修改。
• 使用 formmethod 属性时，要注意在 <form> 元素中指定 action 和 method 属性，以确保表单数据能够正确提交到服务器。

总之，formmethod 属性是一个非常方便的属性，可以帮助我们在表单中灵活地控制提交的方式。希望本文对你有所帮助！