W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!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>