点击回车键自动提交form的问题
2012-11-24 14:52
330 查看
当form在这几种情况下时具有敲击回车后自动提交的功能:
1. 如果表单里有一个type=”submit”的按钮,回车键生效。
2. 如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
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添加背景图合适些。
这种提交可能并不是我们想要的,为了取消这种自动提交的功能可以这样处理,就是再写一个无意义的文本框,隐藏起来。
1. 如果表单里有一个type=”submit”的按钮,回车键生效。
2. 如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
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添加背景图合适些。
这种提交可能并不是我们想要的,为了取消这种自动提交的功能可以这样处理,就是再写一个无意义的文本框,隐藏起来。
相关文章推荐
- 今天遇到一个问题,原来在html的form中如果只有一个type="text"的控件,如果在text中点击回车键,就是自动提交表单!
- form中只有一个input按回车键表单会自动提交问题
- 回车自动提交Form表单的问题
- 解决ajax提交form,点击保存按钮和点击回车效果不同的问题
- form 回车 自动提交 问题
- 回车自动提交Form表单的问题
- 点击form表单的Input自动提交的问题
- form表单中只有一个input时,回车自动提交的问题解决
- form 回车自动提交问题
- form 回车自动提交问题
- form表单底下的button按钮点击自动提交恶心问题的解决
- form 回车自动提交问题
- 按回车表单自动提交问题
- html回车键导致form提交的问题
- 微信小程序 form表单提交 点击键盘的完成自动执行
- form表单 一个input时 回车自动提交
- button按钮点击表单自动提交的问题
- 网页中表单按回车就自动提交的问题的解决方案
- IE和FireFox按回车自动提交表单问题解决
- Form表单按回车自动提交表单的实现方法