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="Submit">Submit</button> </form> <p>The "Submit" button above will not submit the form, because of the button type (type="button" just makes the button clickable, and will not submit form-data).</p> <p>Click the "Try it" button below to change the type of the "Submit" button above from "button" to "submit".</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").type = "submit"; document.getElementById("demo").innerHTML = "The Submit button now works as it should."; } </script> </body> </html>
