码迷,mamicode.com
首页 > 其他好文 > 详细

form表单回车提交问题

时间:2016-11-12 22:17:50      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:orm   不响应   sub   ext   并且   checkbox   blog   for   type   

最近发现在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表单回车提交问题

标签:orm   不响应   sub   ext   并且   checkbox   blog   for   type   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!