form表单按enter键自动提交的问题

最新推荐文章于 2023-10-17 17:32:03 发布

weixin_30270561

最新推荐文章于 2023-10-17 17:32:03 发布

阅读量83

点赞数

原文链接：http://www.cnblogs.com/pjdsy/p/4679008.html

版权

废话不多说。直接上代码。

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)在表单上添加属性 οnsubmit="return false";也可以解决问题。

转载于:https://www.cnblogs.com/pjdsy/p/4679008.html

weixin_30270561

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
form表单按enter键自动提交的问题

废话不多说。直接上代码。1：form表单按enter键自动提交的情况 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus...
复制链接

扫一扫