フォームの「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 のヒント
推薦する
Docker で MySQL をインストールし、リモート接続を実装するチュートリアル
画像をプルする docker プル mysql完成した画像を見る Docker イメージイメージを介...
HTML における水平および垂直の中央揃え方法の詳細な説明 (基礎)
序文馬を書いていたとき、水平方向と垂直方向の中央揃えの方法について、誰もあまり知らなかったと思います...
CSSは座席選択効果を実現するためにautoflow属性を使用する
1. 自動フロー属性、要素コンテンツの長さと幅が要素自体の長さと幅を超える場合、スクロールバーが表示...
Vue+echarts で積み上げ棒グラフを実現
この記事では、積み上げ棒グラフを実装するためのVue+echartsの具体的なコードを参考までに紹介...
Dockerは複数のポートマッピングコマンドを有効にします
次のように： docker run -d -p 5000:23 -p 5001:22 --name ...
CSSスタイルとセレクターの使い方
HTML で CSS を使用する 3 つの方法: 1. インラインスタイル: 要素のスタイル属性を通...
フレームウィンドウ間の関連付けとハイパーリンクのターゲット属性の使用を実装する方法
フレーム ウィンドウの関連付けを実現するには、次に示すように、ハイパーリンクの「ターゲット」ウィンド...
MySQLのインデックス選択と最適化の詳細な説明
目次インデックスモデルB+ツリーインデックスの選択インデックスの最適化インデックスの選択性カバーイン...
crontab でスケジュールされたタスクが実行されない理由の概要
序文最近、仕事でいくつかの問題が発生しました。crontab でスケジュールされたタスクが実行されま...
入力ファイルの制御と美化について
一部のWebサイトでアップロードする場合、「参照」ボタンをクリックすると、[ファイルの選択]ダイアロ...
Excel をインポートするときに js で時間を変換する正しい方法について
目次1. 基本2. 問題の説明3. 解決策付録: js を使用して Excel の日付形式を変換する...
Win10にmysql8.0.15 winx64をインストールしてサーバーに接続する際に問題が発生しました
1. mysql-8.0.15をダウンロード、インストール、設定する1. 公式サイト (https:...
CSS で放射状グラデーションを使用してカード効果を実現する
数日前、同僚がポイントモールプロジェクトを受け取りました。このプロジェクトには、カードやクーポンをギ...
React+axios は github 検索ユーザー機能を実装します (サンプル コード)
負荷リクエスト成功リクエストに失敗しました cmdをクリックし、ファイルパスでEnterキーを押しま...
MySQL パスワード変更方法の概要
MySQL 5.7 より前のバージョンのパスワードを変更する方法:方法1: SET PASSWORD...