Maison >interface Web >tutoriel HTML >form表单按enter键自动提交的问题_html/css_WEB-ITnose
form表单按enter键自动提交的问题_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:40:121466parcourir
废话不多说。直接上代码。
1：form表单按enter键自动提交的情况
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 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键，页面会自动跳转到百度的搜索页面。
2：解决方案
1）去掉form表单。然后在文本框中按enter键就不会出现自动跳转的情况了。（不建议使用）
2）再添加一个隐藏的文本框。出现问题的原因是form表单中有且只有一个文本框。故新增一个隐藏的文本框也可解决问题。
3)在表单上添加属性 onsubmit="return false";也可以解决问题。
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：基于CSS3动态背景登录框代码_html/css_WEB-ITnoseArticle suivant：CSS清除浮动大全共8种方法_html/css_WEB-ITnose