首页 > 其他 > 详细

form表单回车提交问题

时间:2016-11-12 22:16:53      阅读:228      评论:0      收藏:0      [点我收藏+]

最近发现在form里的一个input敲击回车键时会提交form表单。查了资料,发现会出现这个情况的原因是浏览器帮我们做了处理。这里总结几条规则:

1. 如果表单里有一个type=”submit”的按钮,回车键生效。

2. 如果表单里只有一个type=”text”的input,回车键生效。 

3. 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit

4. 其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。

5. type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。

因为我不想回车键响应,根据上面的规则,我发现是因为form里只有一个type="text"的input,所以我增加了一个无意义的type="text"的input,隐藏起来,这样就可以避免回车键响应的问题。、

参考资料:http://www.cnblogs.com/suizhikuo/p/4925086.html

form表单回车提交问题

原文:http://www.cnblogs.com/shubiao/p/6057425.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!