form是什么
HTML form 是用來(lái)收集用戶(hù)輸入的。<form>元素定義了一個(gè)form。一個(gè)form通常包含一些input元素和提交按鈕。input有各種類(lèi)型,如text,radio,checkbox等等。提交按鈕不是必須的,但最好有一個(gè),后面會(huì)說(shuō)明為什么。form還有個(gè)action屬性,用來(lái)指定表單提交的動(dòng)作,就是web服務(wù)器處理程序的URL。
下面是個(gè)簡(jiǎn)單的例子:
<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>
隱式提交
當(dāng)用戶(hù)填完表單后,最希望的便捷操作是什么?就是直接按enter鍵提交數(shù)據(jù)。這就是所謂的隱式提交,form就有這個(gè)機(jī)制,前提是form包含submit按鈕或者只包含一個(gè)輸入框。除了前面的例子,下面這種情況也可以隱式提交:
<form action="action_page.php">
<label for="name">Name:</label>
<input type="text" name="name" id="name">
</form>
多個(gè)submit按鈕怎么處理
如果form包含多個(gè)submit按鈕,enter鍵只會(huì)觸發(fā)第一個(gè)。submit按鈕是<button>元素或者<input type="submit">。(IE7有個(gè)bug,button默認(rèn)不是type="submit",所以要顯式加上這個(gè)類(lèi)型)。
現(xiàn)在我們可能不再用這種原始的方式提交數(shù)據(jù),而是用AJAX。不過(guò)我們還是可以利用form的特性,在它的submit事件里完成AJAX提交。
參考: