欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

form表单按enter键自动提交的问题_html/css_WEB-ITnose

程序员文章站 2022-04-11 22:58:38
...
废话不多说。直接上代码。

1:form表单按enter键自动提交的情况

 1  2  3   4    5    6    7    8    9   Document10  11  12   
13 14 15
16 17

在此文本框中按enter键,页面会自动跳转到百度的搜索页面。

2:解决方案

  1)去掉form表单。然后在文本框中按enter键就不会出现自动跳转的情况了。(不建议使用)

  2)再添加一个隐藏的文本框。出现问题的原因是form表单中有且只有一个文本框。故新增一个隐藏的文本框也可解决问题。

    

  3)在表单上添加属性 onsubmit="return false";也可以解决问题。