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="Reset">重置</button> </form> <p>请尝试在表单中写一些东西，然后按“重置”。</p> <p>“重置”按钮不会重置表单，因为按钮类型（type="button" 只是使按钮可点击，不会清除表单数据）。</p> <p>请点击下方“试一试”按钮，将上方“重置”按钮的类型由 “button” 改为 “reset”。</p> <button onclick="myFunction()">试一试</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").type = "reset"; document.getElementById("demo").innerHTML = "“重置”按钮现在可以正常使用了，请修改输入字段的值并单击重置按钮。"; } </script> </body> </html>