Multiple submit buttons in an HTML form

by

I’m just doing the trick of floating the buttons to the right.

This way the Prev button is left of the Next button, but the Next comes first in the HTML structure:

.f {
  float: right;
}
.clr {
  clear: both;
}
<form action="action" method="get">
  <input type="text" name="abc">
  <div id="buttons">
    <input type="submit" class="f" name="next" value="Next">
    <input type="submit" class="f" name="prev" value="Prev">
    <div class="clr"></div><!-- This div prevents later elements from floating with the buttons. Keeps them 'inside' div#buttons -->
  </div>
</form>

Benefits over other suggestions: no JavaScript code, accessible, and both buttons remain type="submit".

More Related Contents:

  1. Multiple submit buttons on HTML form – designate one button as default [duplicate]
  2. How do I use an image as a submit button?
  3. Two submit buttons in one form
  4. What is the boundary in multipart/form-data?
  5. Disabled form inputs do not appear in the request
  6. Submitting a form by pressing enter without a submit button
  7. Using PUT method in HTML form
  8. What’s the proper value for a checked attribute of an HTML checkbox?
  9. Clear all fields in a form upon going back with browser back button
  10. Input Type image submit form value?
  11. Multiple radio button groups in one form
  12. How do I send an HTML Form in an Email .. not just MAILTO
  13. Use a normal link to submit a form
  14. Is well formed without a ?
  15. how to POST/Submit an Input Checkbox that is disabled?
  16. HTML Form: Select-Option vs Datalist-Option
  17. Pre-Populate HTML form file input
  18. If an HTML form has two buttons, how do I know which got clicked?
  19. HTML Submit-button: Different value / button-text?
  20. How to clear a form?
  21. What does “for” attribute do in an HTML tag?
  22. Is there a valid way to disable autocomplete in a HTML form?
  23. How do I make a field required in HTML?
  24. Upload a whole directory through an HTML form
  25. Submit HTML form in a new tab
  26. POST vs post, GET vs get
  27. How to remove x and y on submit in HTML form with Image type button?
  28. Custom HTTP Request headers in HTML
  29. Is it bad design to use table tags when displaying forms in html?
  30. How can I pre-populate html form input fields from url parameters?

Leave a Comment