首页 > 代码库 > form表单回车提交问题
form表单回车提交问题
最近发现在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表单回车提交问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。