有時候我們可能需要在表單中放置多個按鈕，比如表單頁面常見的按鈕有創(chuàng)建和取消。點擊創(chuàng)建按鈕會觸發(fā)單擊響應事件，在單擊響應事件中進行提交表單，這沒有任何問題。點擊取消按鈕的時候，觸發(fā)對應的單擊響應事件，這個單擊響應事件中主要處理關閉表單頁面邏輯，所以會關閉頁面，這也正常。但是！打開控制臺監(jiān)聽請求會發(fā)現(xiàn)，它也會提交表單。

原因

出現(xiàn)上述的問題主要是button標簽的type屬性惹的禍，button的type屬性值有三個分別為button、submit、reset。當我們在利用button標簽寫一個按鈕且沒有指定其type屬性時，IE7以下版本（具體是IE7以下還是IE5以下給忘了）會默認指定為button，其他會被默認指定為submit。當按鈕的type屬性被指定為submit的時候，點擊它會提交表單。

解決

當需在form標簽中放置一個button的時候，如果這個按鈕不是做提交表單的，切記一定要設置其type為button。

button的type 屬性，IE的默認是 “button”，非IE默認是 “submit”。 
如果想不提交需要指定type為”button”。

<form>
    <button type="button">button</button><!--不提交form-->
    <button type="submit">button</button><!--提交form-->
    <button>button</button><!--非IE提交form，IE不提交form--></form>

• HTML
• button
• 標簽
• form