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>