Submitting a form by pressing enter without a submit button

by

Update 2022: Use this instead

<input type="submit" hidden />
Notice – Outdated answer
Please do not use position: absolute in the year 2021+. It’s recommended to use the hidden attribute instead. Otherwise, look down below and pick a better, more modern, answer.

Try:

<input type="submit" style="position: absolute; left: -9999px"/>

That will push the button waaay to the left, out of the screen. The nice thing with this is, you’d get graceful degradation when CSS is disabled.

Update – Workaround for IE7

As suggested by Bryan Downing + with tabindex to prevent tab reach this button (by Ates Goral):

<input type="submit" 
       style="position: absolute; left: -9999px; width: 1px; height: 1px;"
       tabindex="-1" />

More Related Contents:

  1. Two submit buttons in one form
  2. Use a normal link to submit a form
  3. Multiple Forms or Multiple Submits in a Page?
  4. If an HTML form has two buttons, how do I know which got clicked?
  5. HTML form with multiple “actions”
  6. Set a form’s action attribute when submitting?
  7. Form inside a table
  8. What is the default form HTTP method?
  9. using href links inside tag
  10. How do you overcome the HTML form nesting limitation?
  11. How to get HTML 5 input type=”date” working in Firefox and/or IE 10
  12. Setting the character encoding in form submit for Internet Explorer
  13. Want HTML form submit to do nothing
  14. Form inside a form, is that alright? [duplicate]
  15. How can I submit a POST form using the tag?
  16. HTML5 validation when the input type is not “submit”
  17. How can I style a file input field in Firefox?
  18. HTML – How to do a Confirmation popup to a Submit button and then send the request?
  19. Inline Form nested within Horizontal Form in Bootstrap 3
  20. Why do s clear floats?
  21. What is the correct readonly attribute syntax for input text elements?
  22. Which elements support the ::before and ::after pseudo-elements?
  23. Node.js – How to send data from html to express
  24. How do I style the HTML form validation error messages with CSS?
  25. What happens if the action field in a has parameters?
  26. Html.BeginForm() with an absolute URL?
  27. Using rvest or httr to log in to non-standard forms on a webpage
  28. HTML Form: POST an array of objects
  29. HTML Form File Uploads doesn’t upload file
  30. Make input element (type=”text”) handle multiple lines of text

Leave a Comment