フォームの「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 のヒント
推薦する
VUEウォッチリスナーの基本的な使い方の詳しい説明
目次1. 次のコードはwatchの簡単な使用法です2. 即時監視3. ハンドラメソッド4. 深い属性...
JS を使用して配列内の要素の存在を 10 分で判断する
序文フロントエンド開発では、配列内に要素が存在するかどうかを判断する必要があることがよくあります。実...
パスワードログインなしのLinux構成スタンドアロンおよびフルディストリビューションの詳細なチュートリアル
目次1: 単一マシンのパスワードフリーログイン構成1. 仮想マシンのホスト名を設定する2. 仮想マシ...
JSはアニメーションのレイアウト変換を実装します
JS でアニメーションを記述する場合、移動前に相対位置を絶対位置に変換してからアニメーション機能を実...
MySQL スロークエリログの設定と使用方法のチュートリアル
序文MySQL スロー クエリ ログは、日常業務でよく遭遇する機能です。MySQL スロー クエリ ...
CSSで特殊なグラフィックを描く方法
1. 三角形境界線の設定 コード： 幅: 300ピクセル; 高さ: 300px; 背景: 赤; 境界...
継続的インテグレーションテストにおけるDocker Swarmの適用の詳細な説明
背景アジャイル モデルは広く使用されており、テストは特に重要です。新しいバージョンは頻繁にリリースす...
MySQL挿入パフォーマンスを最適化する方法の例
MySQL パフォーマンスの最適化MySQL パフォーマンスの最適化とは、リソースを合理的に配置し、...
ウェブサイトメンテナンスページのリスト構築のヒント
また、多くの場合、メンテナンスのために Web サイトを少なくとも数分間オフラインにする必要がありま...
HTML 縦列表示テキストを使用してテキストを縦列で表示します
コードをコピーコードは次のとおりです。 <span style='display:bl...
MySQL 8.0.14 のインストールと設定方法のグラフィックチュートリアル
この記事では、MySQL 8.0.14のインストールと設定のプロセスを記録しています。具体的な内容は...
webpackコード断片化の実装
目次背景コモンズチャンクプラグイン分割チャンク構成リソースを非同期に読み込む要約する背景高性能なアプ...
ネイティブJavaScriptでカルーセルを実装する
この記事では、JavaScriptでカルーセルを実装するための具体的なコードを参考までに紹介します。...
CSS を使用して複数の方法で等幅レイアウトを実装するサンプルコード
この記事で説明する等幅レイアウトでは、純粋な CSS を使用して、要素の幅を手動で設定することなく、...
MySQL シリーズ II マルチインスタンス構成
チュートリアルシリーズMySQL シリーズ: MySQL リレーショナル データベースの基本概念My...