button 寫在 form 表單中導致頁面刷新問題

貌似之前寫代碼的時候很自然的沒有將 button 寫在 form 表單當中，這次把 button 寫在了 form 標籤當中，發現每次點擊按鈕都會刷新頁面，代碼如下：

<form>
  <!-- ... -->
  <button>提交</button>
  <button>重置</button>
</form>

原因分析：

在form表單裏的button，不給button添加type屬性，點擊按鈕，button的類型會默認爲submit，會默認提交表單並刷新頁面。

將input或者button的type屬性改爲button，點擊按鈕頁面就不會自動重新加載了。

<form>
  <button type="button">提交</button>
</form>