a标签中的label标签在IE下为什么没有触发a标签的href链接

分类:Html_Css| 发布:camnprbubuol| 查看: | 发表时间:2013/1/12

先来看一段代码:

<a href="http://www.kuabaobao.com/" target="_blank">

     <span>挎包包</span> <!--IE or FF 下鼠标放上去是形状-->

     <label>kuabaobao</label> <!--FF 下鼠标放上去是形状; IE 下鼠标放上去是箭头形状-->

</a>

这段代码有什么问题吗?

测试显示:FF、谷歌等浏览器点击“挎包包” 或者 “kuabaobao” 都能打开新窗口链接。

然而,IE下,点击“挎包包”可以链接, 点击“kuabaobao”则不能链接过去。

这是为什么呢?=========~。~

来看一下label标签的定义和用法:(参见:http://www.w3school.com.cn/tags/tag_label.asp)

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

看过后,我第一感觉是,IE完全按照定义来表现的,很正规吗,对IE的好感,从0到了1。。。。

慢着~~~~~~为什么正统的FF会表现出可以点击链接呢?  不懂,期待高手点播一二!!!

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/archives/607.html