您所在的位置:小祥子 » 编程 » CSS » 正文

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

时间:2015-07-27 编辑:潘家大少爷 来源:CnBlogs

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

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

 <!doctype html>
 <html lang="en">
  <head>
   <meta charset="UTF-8">
   <meta name="Generator" content="EditPlus®">
   <meta name="Author" content="">
   <meta name="Keywords" content="">
   <meta name="Description" content="">
   <title>Document</title>
  </head>
  <body>
   <form method="post" action="http:www.baidu.com">
         <input>
         <textarea name="text" cols="20" rows="5" />
   </form>
  </body>
 </html>

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

2:解决方案

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

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

    <input style="display:none"/>

  3)在表单上添加属性 ;也可以解决问题。

关键词:or 表单 自动 提交