HTML <button> formmethod 属性

HTML <button> 标签

定义和用法

formmethod 属性规定发送表单数据时使用的 HTTP 方法。此属性覆盖表单的 method 属性。

formmethod 属性仅用于 type="submit" 的按钮。

表单数据可以作为 URL 变量发送（使用 method="get"），或作为 HTTP post 发送（使用 method="post"）。

有关“get”方法的注意事项：

  • 它将表单数据以名称/值对的形式附加到 URL
  • 这对于用户希望将结果加为书签的表单提交非常有用
  • URL中可以放置的数据量有限（因浏览器而异），因此无法确保所有表单数据都能正确传输。
  • 永远不要使用“get”方法传递敏感信息！（密码或其他敏感信息将显示在浏览器的地址栏中）

有关“post”方法的注意事项：

  • 它将表单数据作为 HTTP POST 事务发送
  • 使用“post”方法提交的表单无法作为书签保存
  • 与“get”方法相比，“post”方法更健壮和安全
  • 它没有大小限制

实例

带有两个提交按钮的表单。第一个提交按钮使用 method="get" 提交表单数据，第二个提交按钮使用 method="post" 提交表单数据：

<form action="/action_page.php" method="get">
  <label for="fname">名字：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">姓氏：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">提交</button>
  <button type="submit" formmethod="post">使用 POST 提交</button>
</form>

亲自试一试

语法

<button type="submit" formmethod="get|post">

属性值

值 描述
get 将表单数据附加到 URL：URL?name=value&name=value。
post 将表单数据作为 HTTP post 事务发送。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 15.0

注释：formmethod 属性是 HTML 5 中的新属性。

HTML <button> 标签