form表单里的按钮踩坑

在form标签里面,有个button按钮,这个按钮没有添加type属性,点击的时候回默认提交并刷新;因为这个按钮在没有type属性其类型回默认为submit。

<form>
  <!-- ... -->
  <button>提交</button>
</form>
原因分析:

在form表单里的button,不给button添加type属性,点击按钮,button的类型会默认为submit,会默认提交表单并刷新页面。

将input或者button的type属性改为button,点击按钮页面就不会自动重新加载了
<button>开始</button>
<button type="button">开始</button>
//第一个会默认提交并刷新,第二个不会

 

posted @ 2021-09-14 18:59  十三月凉  阅读(207)  评论(0编辑  收藏  举报
/* 看板娘 */