HTML form with two submit buttons and two “target” attributes

by

I do this on the server-side.
That is, the form always submits to the same target, but I’ve got a server-side script who is responsible for redirecting to the appropriate location depending on what button was pressed.

If you have multiple buttons, such as

<form action="mypage" method="get">

  <input type="submit" name="retry" value="Retry" />
  <input type="submit" name="abort" value="Abort" />

</form>

Note: I used GET, but it works for POST too

Then you can easily determine which button was pressed – if the variable retry exists and has a value then retry was pressed, and if the variable abort exists and has a value then abort was pressed. This knowledge can then be used to redirect to the appropriate place.

This method needs no Javascript.

Note: This question and answer was from so many years ago when “wanting to avoid relying on Javascript” was more of a thing than it is today. Today I would not consider writing extra server-side functionality for something like this. Indeed, I think that in most instances where I would need to submit form data to more than one target, I’d probably be doing something that justified doing a lot of the logic client-side in Javascript and using XMLHttpRequest (or indeed, the Fetch API) instead.

More Related Contents:

  1. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  2. Want HTML form submit to do nothing
  3. Property ‘submit’ of object # is not a function
  4. Change value of input and submit form in JavaScript
  5. Form submit button will not submit when name of button is “submit” [duplicate]
  6. html form that passes information to a variable in javascript [closed]
  7. My form’s validate() is not working
  8. jQuery AJAX submit form
  9. Submit form without page reloading
  10. Submit two forms with one button
  11. Submitting a form on ‘Enter’ with jQuery?
  12. How to send a JSON object using html form data
  13. How to submit an HTML form without redirection
  14. passing form data to another HTML page
  15. Understanding HTML Form Element behavior
  16. Stop an input field in a form from being submitted
  17. How to get number of rows in using JavaScript?
  18. Form Submit Execute JavaScript Best Practice? [closed]
  19. Enable/Disable submit button if checkbox is checked/unchecked?
  20. Avoid Angular2 to systematically submit form on button click
  21. How do you limit options selected in a html select box?
  22. Trigger autocomplete without submitting a form
  23. submit event does not fire if submit initiated programmatically
  24. Passing javascript variables between pages [duplicate]
  25. Angular form validation ng-disabled not working
  26. How to create dynamically
  27. How best to make a link submit a form
  28. Submit form on Enter key with javascript
  29. Is there a better jQuery solution to this.form.submit();?
  30. How to make a submit button display as a link?

Leave a Comment