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提交。
参考: