form表单内的button标签自动提交表单,刷新页面

问题描述: (表象)页面内form表单中的button标签,点击后会刷新页面,

问题本质: form表单下的按钮在没有指定type类型的时候，如果我们同时给其添加了点击事件的话。会发现我们在点击的时候回默认的把表单也给提交了。

问题原因: button标签  Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

点击button后会触发submit

解决,避免方法: button请始终为按钮规定 type 属性。

扩展: 如果要提交表单, 但是不是button默认交表单 而是交给ajax或者自己定义的提交方式提交和跳转呢:

<form action="login.html" οnsubmit="return false">

<button type="button"  onClick="submitForm()">