关于button按钮 没写 type=’button’ 导致点击时会导致form表单被提交的问题解释

作为前端人员，或许经常会用到button标签

但是有时候，我们会偷懒。只写了button标签，定义了class或id，却没有写上button的type属性

如下所示

<form>
<button></button>
</form>

这会造成一堆莫名其妙的问题。特别是有时候，我们这只是表单中一个普普通通的按钮，并不是保存按钮。但是你点击它表单却被提交了。

还以其他奇奇怪怪的问题。这是什么原因造成的？

原因就在于，button没写type属性。

我们来看看w3school上对此是咋说的吧。

定义和用法

type 属性规定按钮的类型。

提示：请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

上面说的很明白，默认情况下，在IE下面是普通的button，但是在其他浏览器下例如chomre或者firefox浏览器下，它就是submit属性。

如果按钮出现了想要提交却没提交，不想提交却提交的问题。请加上type属性

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

如上所示，这样问题就解决了。

所以写代码，千万别偷懒，这种最好是都写上，否则就是在给自己挖坑，然后往里跳。