button标签type问题

在写了一段vue之后，因为需求，要用原生写个页面，本来想写一个简单button点击事件的效果，代码如下：

<dialog id="favDialog">
  <form method="dialog">
    <section>
      <p><label for="favAnimal">Favorite animal:</label>
      <select id="favAnimal">
        <option></option>
        <option>Brine shrimp</option>
        <option>Red panda</option>
        <option>Spider monkey</option>
      </select></p>
    </section>
    <div>
      <button id="add">增加一行</button>//注意该行
    </div>
    <menu>
      <button id="cancel" type="reset">Cancel</button>
      <button type="submit">Confirm</button>
    </menu>
  </form>
</dialog>

• 这是一个弹窗页面，当我点击增加一行button时，会自动关闭弹窗，后来经过查资料发现button标签的type属性如果不写默认为submit,而不是默认为button.