IE 中的 button type默认值问题

Posted 2020-10-22 toyflivver

今天遇到一个问题。

将项目页面的渲染模式从 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