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

IE下disabled属性的错误

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

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. html 标签中的<input>
  2. 《新视野高校英语（第二版）读写，听说教程3，4》课后习题，听力答案
  3. 网页中的TEXT控件件长度显示有关问题
  4. 仿诺基亚QT卡片切换-CSS样式实现
  5. javascript 除开html格式
  6. CSS3卡通片播放时间-速度分析
  7. HTML组件(HTML COMPONENTS)之三
  8. js调用红狐插件
  9. CSS对浏览器的兼容性有关问题