HTML <input> formmethod 属性

在 HTML 中，<input> 元素是用来创建各种表单控件的元素之一。其中，formmethod 属性用于指定在提交表单时使用的 HTTP 方法。

语法

<input formmethod="get|post">

• get: 用于向服务器请求数据，将表单数据附加到 URL 上。
• post: 用于向服务器提交数据，将表单数据通过请求主体发送。

使用方法

在 <input> 标签中，通过设置 formmethod 属性来指定表单提交时使用的 HTTP 方法。例如：

<form action="/submit" method="post">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username">
  <input type="submit" value="Submit" formmethod="post">
</form>

在上面的示例中，当用户点击提交按钮时，表单将使用 post 方法提交到 /submit 地址。

注意事项

• 如果在 <form> 标签中已经指定了 method 属性，formmethod 属性将会覆盖它。如果两者都未设置，则默认使用 get 方法。
• formmethod 属性仅适用于 <input> 元素的 submit 和 image 类型。

示例代码

使用 get 方法提交表单

<form action="/search" method="get">
  <label for="search">Search:</label>
  <input type="text" id="search" name="query">
  <input type="submit" value="Search" formmethod="get">
</form>

在上面的示例中，用户输入搜索关键字后，点击提交按钮将以 get 方法提交表单到 /search 地址。

使用 post 方法提交表单

<form action="/login" method="post">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username">
  <label for="password">Password:</label>
  <input type="password" id="password" name="password">
  <input type="submit" value="Login" formmethod="post">
</form>

在上面的示例中，用户输入用户名和密码后，点击提交按钮将以 post 方法提交表单到 /login 地址。

结论

formmethod 属性是一个很有用的属性，可以帮助开发者在需要使用不同 HTTP 方法的表单中灵活地指定提交方式。希望本文对你有所帮助，祝你编写出更加灵活和强大的表单交互页面！