HTML <button> 标签formmethod属性

<button>标签formmethod属性定义和用法

formmethod属性指定在发送表单数据时使用的HTTP方法。此属性会覆盖表单的method属性。
formmethod属性仅用于type =“submit”的按钮。
表单数据可以作为URL变量（使用method =“get”）发送，也可以作为HTTP post发送（使用method =“post”）。
关于“get”方法的说明：

它将表单数据以名称/值对的方式附加到URL中
对于用户想要为结果添加书签的表单提交非常有用
您可以在URL中放置多少数据（在浏览器之间有所不同），因此，您无法确定是否所有表单数据都已正确传输
切勿使用“get”方法传递敏感信息！（密码或其他敏感信息将显示在浏览器的地址栏中）

关于“post”方法的说明：

它将表单数据作为HTTP post事务发送
使用“post”方法的表单提交无法添加书签
它比“get”更强大和安全
它没有尺寸限制

<button>标签formmethod属性浏览器支持

Edge/IE	Chrome	FireFox	Safari	Opera

10.0（含）以上	9.0（含）以上	4.0（含）以上	5.1（含）以上	10.6（含）以上

<button>标签formmethod属性语法

<button>标签formmethod属性实例

<!DOCTYPE html>
<html>
<body>

<form action="/jc_script/action.php" method="get" target="_blank">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit">提交</button>
  <button type="submit" formmethod="post">post提交</button>
</form>

<p><strong>注意:</strong> 在Internet Explorer 9和早期版本中不支持按钮标记的formmethod属性。</p>

</body>
</html>

尝试一下

HTML4.01和HTML5之间的差异

formmethod属性是HTML5中的新增功能。

<button>标签formmethod属性值

属性值	描述
get	将表单数据附加到URL: URL?name=value&name=value
post	以HTTP post事务的形式发送表单数据