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.csdn.net/xiaolongzaixian/article/details/41912747

猜你喜欢

转载自zhangshufei8001.iteye.com/blog/2377259