form表单回车提交问题

Posted 2020-08-19 键盘鼠标

最近发现在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