W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <p>此例包含一个带有两个提交按钮的表单。第一个提交按钮将表单数据提交到 “/action_page.php”，第二个提交到 “/action_page2.php”：</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> <button type="submit">提交</button><br> <button id="myBtn" type="submit" formaction="/demo/action_page_2.php">提交到另一张页面</button> </form> <p>如果您单击上面的提交按钮，请注意 formaction 属性会覆盖 HTML 表单的 action 属性。</p> <p>点击“试一试”按钮可返回上面第二个提交按钮的 formaction 属性的值。</p> <button onclick="myFunction()">试一试</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").formAction; document.getElementById("demo").innerHTML = x; } </script> </body> </html>