点击form表单中的提交按钮出现页面刷新效果的原因

最近做一个web开发，在做表单提交的时候，出现了类似于F5刷新页面效果的问题。

（因为前台开发没有分离，所以一个js文件最少也有五六千行，出了bug很难找到问题，所以真心建议前台开发要分离开来）

问题：点击提交按钮，出现了F5刷新页面的效果

问题原因：将提交按钮button放到了form表单内

解决办法：将button按钮放到form表单外即可

解释：button按钮有两种类型，submit和button

  submit类型的按钮可以在表单之内，因为这是表单提交默认的按钮,做提交事件的时候，直接就是对本表单的提交

<form>
...
<input type = "submit" />
</form>

 button类型的按钮如果要做为提交按钮的话，就必须放在表单之外，表单一般设置一个id，做提交的时候，需要用表单的id做提交事件

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