Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <p>This example contains a form with two submit buttons. The first submit button submits the form data to "/action_page.php", and the second submits to "/action_page2.php":</p> <form action="/action_page.php" method="get"> First name: <input type="text" name="fname" value="Donald"><br> Last name: <input type="text" name="lname" value="Duck"><br> <button type="submit">Submit</button><br> <button id="myBtn" type="submit" formaction="/action_page2.php">Submit to another page</button> </form> <p>If you click on the submit buttons above, notice that the formaction attribute overrides the HTML form's action attribute.</p> <p>Click the "Try it" button to return the value of the formaction attribute of the second submit button above.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").formAction; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
