W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <form id="myForm" action="/demo/action_page.php"> First name: <input type="text" name="fname" value="Bill"><br> Last name: <input type="text" name="lname" value="Gates"><br><br> <button id="myBtn" type="button" value="Submit">提交</button> </form> <p>上面的“提交”按钮不会提交表单，因为按钮类型（type="button" 只是使按钮可点击，不会提交表单数据）。</p> <p>请点击下方“试一试”按钮，将上方“提交”按钮的类型由 “button” 改为 “submit”。</p> <button onclick="myFunction()">试一试</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").type = "submit"; document.getElementById("demo").innerHTML = "提交按钮现在可以正常工作了。"; } </script> </body> </html>