Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <form id="myForm" action="/action_page.php"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <button id="myBtn" type="button" value="Reset">Reset</button> </form> <p>Try to write something in the form, and then press "Reset".</p> <p>The "Reset" button will not reset the form, because of the button type (type="button" just makes the button clickable, and will not clear form-data).</p> <p>Click the "Try it" button below to change the type of the "Reset" button above from "button" to "reset".</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").type = "reset"; document.getElementById("demo").innerHTML = "The 'Reset' button now works as it should."; } </script> </body> </html>
