1、如果form里面只有一个input type=text,那么无论有没有submit按钮,在input中回车都会提交表单。如果不想回车提交,需要再加一个input type=text,然后设置display:none.
2、如果form里面多于一个input type=text,那么必须有一个submit按钮才可以回车提交表单。
按钮可以是input也可以是button,他们应设置type=submit。如果只写button而不写type,那么IE下type=button,FF下则是type=submit。
3、如果form里面多于一个input type=text,并想实现回车提交表单,又不想在页面中出现原生的submit按钮。比如:你想通过一个带hover的图片连接,并通过js脚本来实现华丽的验证及表单提交…
今天遇到一个问题。
当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添加背景图合适些。
这种提交可能并不是我们想要的,为了取消这种自动提交的功能可以这样处理,就是再写一个无意义的文本框,隐藏起来。