HTML仕様 ／ 要件を満たす限り、エンターキー押下でそのフォームのsubmitが実行される

大原則

要件を満たす限り、エンターキー押下でそのフォームのsubmitが実行される
・これはW3Cでも定義されているHTML仕様
・HTML5仕様
・HTML Standard
・HTML5以前の仕様

---

概要

HTMLではForm内にテキスト一行入力系のフィールドが一つだった場合、そこでEnterキーを押すとSubmitされる仕様になっている
・Form内にチェックボックスやテキストエリアなどの他のフィールドがあってもテキストフィールドが一つだったらサブミットしてしまう

---

Enterキー押下でフォームがsubmitされる要件具体例

form内にinput[type=”text”]が1つだけ

<form method="post">

    <input type="text" name="test">

</form>

form内にinput[type=”text”]が1つだけ
・他の<input type>は存在

<form method="post">

    <input type="text" name="test1">

    <input type="hidden" name="test2">

</form>

form内にinput[type=”text”]が1つだけ
・他の入力フィールド作成タグは存在

<form method="post">

   <input type="text" name="test1">

   <textarea name="test2"></textarea>

</form>

---

Enterキー押下でフォームがsubmitされない要件具体例

form内にinput[type=”text”]が複数

<form method="post">

    <input type="text" name="test1">

    <input type="text" name="test2">

</form>