<!DOCTYPE html>
<html>
<body>
<p>此例包含一个带有两个提交按钮的表单。第一个提交按钮使用 method="get" 提交表单数据，第二个提交按钮使用 method="post" 提交表单数据：</p>
<form action="/demo/action_page.php" method="get">
First name: <input type="text" name="fname" value="Bill"><br>
Last name: <input type="text" name="lname" value="Gates"><br><br>
<button type="submit">提交</button>
<button id="myBtn" type="submit" formmethod="post">使用 POST 提交</button>
</form>
<p>如果您单击上面的提交按钮，请注意 formmethod 属性覆盖了 HTML 表单的 method 属性。</p>
<p>点击下面的按钮可返回上面第二个提交按钮的 formmethod 属性的值。</p>
<button onclick="myFunction()">返回第二个按钮的 formmethod</button>
<p id="demo"></p>
<script>
function myFunction() { var x = document.getElementById("myBtn").formMethod; document.getElementById("demo").innerHTML = x;}
</script>
</body>
</html>