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

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

WBOY

リリース： 2016-06-24 11:40:12

オリジナル

1413 人が閲覧しました

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

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"; をフォームに追加することでも問題を解決できます。