ホームページ > ウェブフロントエンド > htmlチュートリアル > Enterキーによるフォームフォームの自動送信の問題_html/css_WEB-ITnose

Enterキーによるフォームフォームの自動送信の問題_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:40:12
オリジナル
1465 人が閲覧しました

これ以上ナンセンスはありません。コードに直接移動します。

1: Enter キーを押すとフォームが自動的に送信されます

 1 <!doctype html> 2 <html lang="en"> 3  <head> 4   <meta charset="UTF-8"> 5   <meta name="Generator" content="EditPlus&reg;"> 6   <meta name="Author" content=""> 7   <meta name="Keywords" content=""> 8   <meta name="Description" content=""> 9   <title>Document</title>10  </head>11  <body>12   <form method="post" action="http:www.baidu.com">13         <input>14         <textarea name="text" cols="20" rows="5" />15   </form>16  </body>17 </html>
ログイン後にコピー

このテキスト ボックスで Enter キーを押すと、自動的に Baidu の検索ページにジャンプします。

2: 解決策

1) フォームを削除します。次に、テキスト ボックスで Enter キーを押すと、自動ジャンプは行われません。 (非推奨)

2) 別の非表示のテキスト ボックスを追加します。この問題は、フォーム内にテキスト ボックスが 1 つしかないために発生します。したがって、非表示のテキスト ボックスを追加することでも問題を解決できる可能性があります。

3) 属性 onsubmit="return false"; をフォームに追加することでも問題を解決できます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート