Heim > Artikel > Web-Frontend > form表单按enter键自动提交的问题_html/css_WEB-ITnose
form表单按enter键自动提交的问题_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:40:121413Durchsuche
废话不多说。直接上代码。
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";也可以解决问题。
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：基于CSS3动态背景登录框代码_html/css_WEB-ITnoseNächster Artikel：CSS清除浮动大全共8种方法_html/css_WEB-ITnose