表单回车提交

标签：io   ar   使用   sp   for   on   问题   bs   ad   

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添加背景图合适些。

这种提交可能并不是我们想要的，为了取消这种自动提交的功能可以这样处理，就是再写一个无意义的文本框，隐藏起来。

表单回车提交

标签：io   ar   使用   sp   for   on   问题   bs   ad   

原文地址：http://www.cnblogs.com/afei-happy/p/4119391.html