ホームページ  >  記事  >  ウェブフロントエンド  >  「Enter!=Submit」の簡単な実装 (フォームの Enter を削除して送信)_html/css_WEB-ITnose

「Enter!=Submit」の簡単な実装 (フォームの Enter を削除して送信)_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:02:591064ブラウズ

------------------------------------------------ --------------------------------------------------

「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 イベントを使用してフォームの送信を防止することはこの記事の範囲を超えていますが、もちろん実装できます。

------------------------------------------------ --------------------------------------------------

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。