ホームページ > 記事 > ウェブフロントエンド > 「Enter!=Submit」の簡単な実装 (フォームの Enter を削除して送信)_html/css_WEB-ITnose
------------------------------------------------ --------------------------------------------------
「Enter!=Submit」の問題を実現するには、一般的に「ボタンの種類」と「入力ボックスの数」から始めることができます。
---------------------------------@chenwei
デフォルトでは、type="submit" または type="button" に関係なく、単一の入力ボックスボタンのタイプ、戻り値 車が送信されます。
1. type="submit" の場合、type="text" 入力ボックスがいくつあっても、Enter キーを押すと送信されます。 (送信)
2. type="button" で入力ボックスが複数ある場合は、Enter キーを押して送信しないでください。 (ボタン)
3. Enter キーを押して 1 つの入力ボックスを送信する問題を解決するには、2 番目のポイントを参照してください。input="text" を追加して、そのタイプを非表示にします。
実際のアプリケーションでは、入力ボックスが 1 つしかないことはほとんどないため、2 番目の項目を覚えておくだけで対応できます。
JS イベントを使用してフォームの送信を防止することはこの記事の範囲を超えていますが、もちろん実装できます。
------------------------------------------------ --------------------------------------------------