フォームの「Enter」、「Submit」、「Enter != Submit」を削除する方法

フォームの「Enter」、「Submit」、「Enter != Submit」を削除する方法
「Enter != Submit」問題を実装するには、通常、「ボタンの種類」と「入力ボックスの数」から始めることができます。

デフォルトでは、単一の入力ボックスの場合、ボタンが type="submit" であるか type="button" であるかに関係なく、Enter キーを押すと送信することになります。

1. type="submit" の場合、type="text" 入力ボックスがいくつあっても、Enter キーを押すと送信になります。 (提出する)

2. type="button" で入力ボックスが複数ある場合、Enter キーを押しても送信されません。 (ボタン)

3. 単一の入力ボックスで Enter キーを押すと送信される問題を解決するには、2 番目のポイントを参照してください。input="text" を追加して非表示にし、タイプをボタンに設定します。

実際のアプリケーションでは、入力ボックスが 1 つしかないことはほとんどないので、その場合は 2 番目のルールだけを覚えておけば十分です。

JS イベントを使用してフォームの送信を防ぐことはこの記事の範囲外ですが、確かに可能です。

<<:  docker compose を使用して fastDFS ファイル サーバーを構築する方法

>>:  デザイナーと開発者に役立つ 9 つの超実用的な CSS のヒント

推薦する

NginxはURLのパスに応じてアップストリームに動的に転送します

Nginx では、URL のパス パラメータに基づいて、到達不可能なアップストリームに動的に転送する...

MySQLのスローログの開き方と保存形式の詳細な分析

開発プロジェクトでは、MySQL のスロークエリログを通じて効率の問題のある SQL を監視できます...

Linux で Redis のリモート接続を実装する方法

LinuxにRedisをインストールしたら、Javaを使って接続します。Javaコードは次のとおりで...

Python の MySQL データベース LIKE 演算子の詳細な説明

LIKE 演算子は、列内の指定されたパターンを検索するため、WHERE 句で使用されます。文法: 列...

MySQLでホワイトリストアクセスを設定する方法

MySQLでホワイトリストアクセスを設定する手順1. ログイン mysql -uroot -pmys...

JavaScript は、マウスがテーブル行を通過するときに色の識別を実装します。

この記事では、マウスがテーブルの行を通過するときにJavaScriptを使用して色ラベルを表示する方...

Windows Server 2008 のサーバー パフォーマンス監視に関するチュートリアル

次に、ログ管理、ログのアーカイブ、ログのトラブルシューティング、イベントの転送と収集のためのコンピュ...

Linux での crontab スケジュール実行コマンドの詳細な説明

LINUX では、定期的なタスクは通常、cron デーモン プロセス [ps -ef | grep ...

MySQL の大きなデータ テーブルにフィールドを追加する方法

序文フィールドの追加は誰でもよく知っていると思います。簡単に記述できます。MySQL テーブルにフィ...

JDBC 探索 SQLException 分析

1. SQLExceptionの概要JDBC を使用してデータ ソース (この記事のデータ ソースは...

MySQL データベース内の varchar 型の数値のサイズを比較する方法

テストテーブルを作成する -- ---------------------------- -- ch...

Serv-U FTPとADの完璧な統合ソリューションの詳細な説明

会社が現在使用しているソリューションを確認するためにバックエンドにログインしました。使用される FT...

画面なしで無線ネットワークに接続しているときに Raspberry Pi の IP アドレスを見つける方法

あなたがlinuxerだと仮定すると、 windowserだとは想定しません。Windows ユーザ...

パフォーマンス負荷診断にMySQLシステムデータベースを使用する方法

ある達人がかつて、自分の妻のことを知るのと同じくらい、自分が管理するデータベースのことを知るべきだと...