form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置

最近几天，测试系统，遇到一个兼容性问题，form中有一个button按钮，没有指定type类型，点击按钮弹出框选择值之后回填给form上的一个单行文本框，在IE6、IE7、IE8、IE9、IE10中测试都没有问题，唯独IE11中，弹出框关闭之后，单行文本框接收到弹出框的返回值之后，form所在的父页面自动刷新了一次，导致form中的值全部被重置了

 

刚开始，还以为是系统所用的Web框架不兼容IE11，经过反复测试发现，系统中有一些弹出框关闭之后，父页面是不会自动刷新的，于是开始慢慢对比源代码，最后还是找到了差异，<button></button>标签和<intput type="button"/>标签还是有很大区别的，尤其在IE11的测试环境

我将<button></button>标签改为<intput type="button"/>标签，结果就好了！

关于<button></button>标签和<intput type="button"/>标签的区别，大家请百度！^_^

看来以后还是要深入了解一些关于HTML标准的问题~

原文地址：http://blog.youkuaiyun.com/xiaolongzaixian/article/details/41912747