フォームの「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 のヒント
推薦する
HTTP ヘッダー情報の解釈と分析 (詳細概要)
HTTP ヘッダーの説明1. Accept: Web サーバーに受け入れるメディア タイプを通知しま...
vue3.0共通コンポーネントの自動インポート方法の例
1. 前提条件インポートには require.context メソッドを使用します。vite で作成...
nginx共有メモリの仕組みの詳細な説明
Nginx の共有メモリは、高いパフォーマンスを実現できる主な理由の 1 つであり、主にファイル キ...
Docker イメージのローカル Elasticsearch ポート操作へのアクセス
dockerスタックによってデプロイされたイメージサービスを使用すると、イメージを入力した後、理論的...
MYSQL メタデータ ロック (MDL ロック) の理論とロック タイプ テスト
目次MYSQL メタデータ ロック (MDL ロック) 学習理論とロック タイプ テスト1. 予備的...
ページのキャッシュを防ぐソリューション
解決： <head> に次のコードを追加します。コードをコピーコードは次のとおりです。 ...
Ubuntu システムにおけるネットワーク構成ファイルの分析と説明
今日は奇妙なネットワーク問題に遭遇しました。調査プロセスといくつかの構成状況を記録し、Linux で...
ユニークインデックスの S ロックと X ロックによる MySQL デッドロック ルーチンの理解
「初心者向けソースコードからの MySQL デッドロック問題の理解」では、MySQL ソースコードを...
フォームタグの Enctype 属性とその応用例の紹介
Enctype : ブラウザがデータをサーバーに送り返すときに使用するエンコーディングのタイプを指定...
柔軟で安定した高品質の HTML および CSS コード標準を作成するためのガイド
黄金律常に同じコーディング標準セットに従ってください。同じプロジェクトに何人の人が関わっているかに関...
Linux に mysql をインストールするときに /etc に my.cnf ファイルがない問題を解決する
今日、mysql ポートを変更したいと思ったのですが、/etc/ ディレクトリに my.cnf ファ...
vue プロジェクトで rem を使用して px を置き換える例
目次道具プラグインをインストールするプロジェクトのルートディレクトリに.postcssrc.jsファ...
CSS3 における構造擬似クラスセレクターと擬似要素セレクターの使い方の詳細な説明
構造擬似クラスセレクタの紹介構造擬似クラスセレクターは、いくつかの特殊効果を処理するために使用されま...
MySQL 5.7.20 のインストールと設定方法のグラフィック チュートリアル (win10)
この記事では、MySQL 5.7.20のインストールと設定方法を参考までに紹介します。具体的な内容は...
MySQL における一般的なランキングの問題をいくつかまとめます
序文：一部のアプリケーション シナリオでは、成績や年齢によるランキングなど、ランキングの問題が発生す...