IE 中的 button type默认值问题

今天遇到一个问题。

将项目页面的渲染模式从 IE7 改为 IE10 后(<meta http-equiv="X-UA-Compatible" content="IE=10" />),发现表单中的“重置”按钮把表单提交了。

<button onclick="clearContent()">重置</button>

上网查询了一下原因原来是IE不同版本中对 button 元素的 type 属性的默认值设置是不同的。

百度到的好多博客,以及“菜鸟教程”和“http://www.w3school.com.cn/jsref/prop_pushbutton_type.asp”中的解释都是如下所示:

但是,事实证明。这里写的是不对的。

可能这里的资料太老了。他说的 IE 可能是指 IE7。因为从IE8开始,为了兼容 W3C 标准,IE 修改了 button type属性默认值的解释。把type默认值从“button” 改成了“submit”。

资料详见:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

http://www.w3help.org/zh-cn/causes/HF9015

原文地址:https://www.cnblogs.com/qufanblog/p/8391305.html