1. 爱易网页
  2. HTML教程
  3. IE下disabled属性的错误

IE下disabled属性的错误

日期：2014-05-16　 浏览次数：20726 次

IE下disabled属性的异常
最近对IE下的disabled属性做了一个测试，共有三组，每个div算一组，代码如下：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

		<title>IE下disabled属性的异常</title>

	</head>

	<body>

		<div style="background:#DDD;">

			None of Disabled

			<div><a href="#" style="color:blue;">Anchor Element</a></div>

			<p style="background:gold;">Paragraph Element</p>

			<input type="text" /><input type="submit" onclick="alert('A');" />

			<input type="checkbox" onclick="alert('B');" />

		</div>

		<br />

		<div style="background:#CCC;">

			Part of Disabled

			<div><a href="#" disabled="disabled">Anchor Element</a></div>

			<p style="background:gold;">Paragraph Element</p>

			<input type="text" disabled="disabled" /><input type="submit" disabled="disabled" onclick="alert('A');" />

			<input type="checkbox" onclick="alert('B');" disabled="disabled" />

		</div>

		<br />

		<div disabled="disabled" style="background:#BBB;">

			All Disabled

			<div><a href="#">Anchor Element</a></div>

			<p style="background:gold;">Paragraph Element</p>

			<input type="text" /><input type="submit" onclick="alert('A');"/>

			<input type="checkbox" onclick="alert('B');" />

		</div>

	</body>

</html>


以下为测试结果：
IE6 IE7 IE8                                         第二组  第三组
元素点击后是否可以跳转                                  可以   可以
INPUT[type="text"] 是否可以输入文字                 不可以   可以
INPUT[type="submit"] 点击后是否触发onclick事件         不可以   可以
INPUT[type="checkbox"] 点击后是否可以改变               不可以   不可以
INPUT[type="checkbox"] 点击后是否触发onclick事件        不可以   不可以

第三组IE6/7/8下为什么checkbox不像text和submit那样可以改变和点击？
而且我发现在IE9/10下，双击checkbox会触发onclick事件
哪位大神能解释一下这是什么原因导致的？
html 兼容性

------解决方案--------------------
浏览器
------解决方案-------------------

相关资料更多>

  1. css报表鼠标滑动
  2. html 中div的位置有关问题
  3. dhtmlxgrid扩充
  4. 表格宽度有关问题，请高手帮忙
  5. 母版页A>结构设置-html-css B〉注意母版页中还有路径的有关问题处理
  6. 背景浮动于全部层上方
  7. 导航条li中的文字居中有关问题(主要是不同浏览器效果不同)
  8. CSS技艺荟萃：了解CSS页面布局和加载流程
  9. div+css页面布局，怎样设定content的高度为100%，而不是具体的像素解决方案