form和enter键的那些事

form是什么

HTML form 是用来收集用户输入的。<form>元素定义了一个form。一个form通常包含一些input元素和提交按钮。input有各种类型，如text，radio，checkbox等等。提交按钮不是必须的，但最好有一个，后面会说明为什么。form还有个action属性，用来指定表单提交的动作，就是web服务器处理程序的URL。
下面是个简单的例子：

<form action="action_page.php">
    <div>First name:<input type="text" name="firstname" value="Mickey"></div>
    <div>Last name: <input type="text" name="lastname" value="Mouse"></div>
    <input type="submit" value="Submit">
</form>

隐式提交

当用户填完表单后，最希望的便捷操作是什么？就是直接按enter键提交数据。这就是所谓的隐式提交，form就有这个机制，前提是form包含submit按钮或者只包含一个输入框。除了前面的例子，下面这种情况也可以隐式提交：

<form action="action_page.php">
    <label for="name">Name:</label> 
    <input type="text" name="name" id="name">
</form>

多个submit按钮怎么处理

如果form包含多个submit按钮，enter键只会触发第一个。submit按钮是<button>元素或者<input type="submit">。（IE7有个bug，button默认不是type="submit"，所以要显式加上这个类型）。

现在我们可能不再用这种原始的方式提交数据，而是用AJAX。不过我们还是可以利用form的特性，在它的submit事件里完成AJAX提交。
参考：

The Enter Key should Submit Forms, Stop Suppressing it