button写在form内，点击会自动提交表单？我只想执行自己的方法

把button写在form内，只想点击时执行自己定义的方法，但为什么会提交呢？

<form>
……
……
<button class="btn btn-success" onclick="refreshChannel()">刷新渠道</button>
</form>

当你这样写，可能你想只执行refreshChannel方法，但你点击时，页面会刷新，但url的“？”后面是空字符串，如果你进入该页面时传有一些参数，这肯定会导致一些问题的出现，因为“？”后面的参数全都没了，下面是原因及解决方法。

问题原因：type有三种类型，button,reset,submit，如果没有写type，即使写默认的type也是"submit"，而不是你以为的"button"

解决方法：

1、写在form外，再写一个div，这样怎么点都不会提交表单并刷新页面

2、只改一下默认的type就好，所以，如果是非提交按钮，别忘写type

刷新渠道

这样就OK啦！

作者：巴厘尚晴
链接：https://www.jianshu.com/p/f0f4492d4475
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。