Search code examples
htmlformsform-submitsubmit-button

Form without submit button on Enter

For form, without submit button, with 1 text input, do submit on Enter.

For form, without submit button, with more than 1 text input, do not submit on Enter.

Should both not submit on Enter?

<!-- This one do submit on Enter --> 
<form action="/">
  <input type="text" name="firstname" value="Mickey">
</form>

<!-- This one do not submit on Enter --> 
<form action="/">
  <input type="text" name="firstname" value="Mickey">
  <input type="text" name="lastname" value="Jerry">
</form>

Solution

  • If the form has no submit button, then the implicit submission mechanism must do nothing if the form has more than one field that blocks implicit submission, and must submit the form element from the form element itself otherwise.

    https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#implicit-submission

    You can see here how the forms works with no submit button: https://www.tjvantoll.com/2013/01/01/enter-should-submit-forms-stop-messing-with-that/#no-submit-buttons