1。<入力型= "text" name = "name" />が1つしかない場合、enterを押してフォームを自動的に送信します。
コードコピーは次のとおりです。
<form id = "form1" action = "post.php" method = "post">
<入力型= "text" name = "name" />
</form>
別のものを追加します
コードコピーは次のとおりです。
<入力型= "text" />
Enterを押して自動的に送信しますが、ページに不明な入力ボックスを表示するのは厄介です。その後、インターネットから2つのソリューションを見つけました。
（1）1つを追加します
コードコピーは次のとおりです。
<input style = "display：none;" type = "text" />
入力ボックスは表示されず、入力後に提出されません。
コードコピーは次のとおりです。
<form id = "form1" action = "post.php" method = "post">
<入力型= "text" name = "name" />
<input style = "display：none" />
</form>
（2）OnKeyDownイベントを追加してから、Enterを押して表示されません。
コードコピーは次のとおりです。
<form id = "form1" action = "post.php" method = "post">
<入力型= "text" name = "name" onkeydown = "if（event.keycode == 13）return false;"/>
</form>
キャリッジリターンイベントを追加する場合は、OnKeyDownイベントに判断送信フォームを追加できます。
コードコピーは次のとおりです。
<form id = "form1" action = "post.php" method = "post">
<input style = "display：none" />
<入力型= "text" name = "name" onkeydown = "if（event.keycode == 13）{gosubmit（）;}" />
</form>
Enterキーが入力要素のフォームを送信することを望んでいる場合がありますが、時にはそれを望んでいません。たとえば、検索動作では、Enterを押して、キーワードを入力した直後にフォームを送信することをお勧めします。いくつかの複雑なフォームの場合、Enterキーのエラー操作を回避し、フォームが記入される前にフォームが入力されたときにフォームの送信をトリガーする必要がある場合があります。
これらの動作を制御するには、JSを使用する必要はありません。ブラウザは、これらの処理に役立ちました。ここにいくつかのルールがあります：
フォームにtype = "送信"ボタンがある場合、Enterキーが有効になります。
フォームにtype = "テキスト"の入力が1つしかない場合、ボタンがどんな型であっても、Enterキーが有効になります。
ボタンが入力を使用せず、ボタンが追加されていない場合、デフォルトはIEのtype =ボタンです。デフォルトはfxでtype =送信です。
TextareaやSelectが影響しないなどの他のフォーム要素は、無線チェックボックスはトリガールールに影響しませんが、FXのEnterキーに応答し、IEでは応答しません。
type = "image"の入力は、type = "submit"と同じ効果があります。なぜこのタイプが設計されているのかわかりませんが、使用することはお勧めしません。 CSSを使用して背景画像を追加することが適切なはずです。