HTML不同按钮的点击效果不同（创）

现象：在form表单里写了一个button标签，其中有click事件调用1个普通的JS函数，发现点击按钮的时候页面刷新了一下，在IE中不明显（因为我没有写text类型的input），在FireFox中只看到标签闪了一下，在Chrome中现象特别明显，页面有明显的刷新。

原因：form内button标签的click事件会导致form的submit事件

解决方案：

有以下5种场景对应他们的效果：

1. form内 input type=submit 会导致form提交（笨蛋，这个最基础了）

2. form内 input type=button 不会提交form

3. form内 button标签，点击click会导致form提交

4. form外 input type=button 不会提交form

5. form外 button标签 不会提交form

参考资料：无，自己写的Demo，例子很简单，就不上传了，麻烦。

转载于:https://www.cnblogs.com/learnmoredaybyday/p/3687706.html