W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <p>此例包含一个带有两个提交按钮的表单。第一个提交按钮使用默认目标 ("_self") 提交表单数据，第二个按钮将表单数据提交到新窗口 (target="_blank")：</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" formtarget="_blank">提交到新窗口/标签页</button> </form> <p>如果单击上面的提交按钮，请注意 formtarget 属性会覆盖 HTML 表单的 target 属性（默认为 “_self”）。</p> <p>点击“试一试”按钮可返回上面第二个提交按钮的 formtarget 属性的值。</p> <button onclick="myFunction()">试一试</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").formTarget; document.getElementById("demo").innerHTML = x; } </script> </body> </html>