Enterキーを押すとフォームが自動的に送信されます。予期せぬ発見
|
コードをコピー コードは次のとおりです。<!DOCTYPE html> <html> <ヘッド> <メタ文字セット="utf-8"> <タイトル></タイトル> </head> <本文> <フォームアクション="http://www.baidu.com"> <input type="text" name="名前"/> <input type="button" onclick="javascript:void(0)" value="送信"> </フォーム> </本文> </html> 上記のフォームのように、名前入力ボックスで Enter キーを押すと、フォームが送信されます。また、フォームには送信ボタンがありません。 いろいろ調べた結果、ようやく理由が分かりました。フォーム内にテキスト ボックスが 1 つしかない場合は、Enter キーを押すとフォームが送信されます。 したがって、解決策は簡単です。役に立たないテキスト ボックスを追加して非表示にするだけです。 コードをコピー コードは次のとおりです。<input type="text" style='display:none' /> 注意: 隠しボックスを追加することはできません。 コードをコピー コードは次のとおりです。<入力タイプ="隠し" /> |
<<: ウェブサイトのユーザビリティとコンバージョン率を向上させる 25 のツール
推薦する
フローティングメニュー、上下スクロール効果を実現できます
コードはさらに合理化できますが、時間の制約があるため、まずはここで投稿して、自分で最適化してメニュー...
CSSスタイルは、テキストが長すぎる場合に省略記号を表示する問題を解決します
1. CSSスタイルは、テキストが長すぎる場合に省略記号を表示する問題を解決します1. 一般的なスタ...
CentOS8でルートパスワードを素早く変更する方法
Centos8仮想マシンを起動し、上下キーを押して図1のインターフェースの最初の行を選択します。図1...
httpsウェブサイトにリファラーhttpsとhttpジャンプリファラーを送信させる方法
この記事では、HTTP プロトコルのリファラーのメタデータ パラメータの提案について説明します。この...
Vueページの画像が表示されない問題の解決方法
新しいバージョンの設定インターフェースを作る際に、vueフレームワークを使用して実装しました。ページ...
SQL でテーブルにフィールドとコメントを追加する方法
1. フィールドを追加します。 alter table テーブル名 ADD フィールド名 タイプ;例...
中国の専門ではない：文化の違いの中でのウェブ開発
Web デザインと開発は大変な作業なので、少数の人だけを対象に設計しないでください。これは外国人が...
HTML テーブルタグチュートリアル (45): テーブル本体タグ
<tbody> タグは、テーブル本体のスタイルを定義するために使用されます。基本構文 &...
bash を使って日付をカウントダウンする方法
重要なイベントまであと何日あるか知りたいですか? Linux bash と date コマンドが役に...
CSS 要素で計算されたスタイルを取得します (カスケード/最終スタイル後)
CSS 要素内の計算されたスタイル (つまり、カスケード後の最終的なスタイル) を取得するには、W3...
Linuxブートサービスを起動する2つの方法
目次rc.local メソッドchkconfig メソッドrc.local メソッド1 まず自動的に...
商品クエリ機能を実現するJavaScript
この記事の例では、商品検索機能を実現するためのJavaScriptの具体的なコードを参考までに共有し...
Linux システムで Code Cloud にプロジェクトをアップロードする方法
Code Cloudで新しいプロジェクトtest1を作成します。 公開鍵を取得するには次のコマンドを...
Nginx の Docker インストールの問題とエラー分析
質問： DockerにNginxをインストールするときに次のエラーが発生しました: docker: ...
高品質なJavaScriptコードの書き方
目次1. 読みやすいコード1. 統一コード形式2. マジックナンバーを削除する3. 単一機能原則2....