form表單中的button自動刷新頁面問題

form表單中如果存在button的話，有可能會出現一個問題：點擊button，觸發了頁面的自動刷新事件。

原因是因為<button>標簽默認的類型是submit，即默認的button點擊就會觸發表單的提交事件。

<button></button>
<!-- 兩者是相當的 -->
<button type="sumbit"></button>

解決的辦法有三個。

1.在<button>標簽中添加屬性type="button"。

<button type="button"></button>

2.將<button>標簽改為<input>標簽。

<input type="button" />

3.在button的點擊事件中加入阻止默認事件執行的代碼段（JavaScript/jQuery）。

$('button').on('click', function(e) {
    e.preventDefault();
});

另外，其實現在一般是不建議使用button標簽的，而是使用a標簽做按鈕，一個是樣式的定制問題，一個就是上面的問題。 

 

"人最強大的時候，不是堅持，而是放下。"