您现在的位置:首页 >> 前端 >> 内容

按回车表单自动提交问题

时间:2013/11/1 16:54:29 点击:

  核心提示:[html]!DOCTYPE html html head meta charset=utf-8 title/title /head body form action=https://www.baid...
[html] 

<!DOCTYPE html>  

<html>  

<head>  

    <meta charset="utf-8">  

    <title></title>  

</head>  

<body>  

<form action="https://www.baidu.com">  

   <input type="text" name="name"/>  

   <input type="button" onclick="javascript:void(0)" value="提交">  

</form>  

</body>  

</html>  

 

如上表单在 name输入框中 按回车时,表单就会提交。而且表单中时没有submit按钮的。

 

经过多番查找终于找到原因: 如果表单中只有一个文本框,那么按回车时,就会提交表单。

 

 

所以解决办法就很容易了,加一个无用的文本框,并隐藏起来就OK。

 

[html]  

<input type="text" style='display:none' />  

 

注意: 加 hidden 框是不行的。

[html]  

<input type="hidden" />  

 

作者:网络 来源:不详