ie10中用label包裹select获取焦点问题

IE10中LABEL包裹SELECT问题

转载于 2013-05-25 22:41:00 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhe-min/archive/2013/05/25/3099417.html

本文描述了在IE10浏览器中使用LABEL标签包裹SELECT元素时出现的焦点问题，点击SELECT下拉框后焦点会错误地回到第一个SELECT元素。通过移除LABEL标签可以解决该问题。

ie10中用label包裹select获取焦点问题

发现一个问题，以前使用好好地代码，在ie10中出现点击select的下拉选择后，焦点总是到第一个select中。最终发现是由于label引起，示例代码如下：

<html>
 <head>
 </head>
 <body>
 <label>
   <select id="mySelect">
     <option>ONE</option>
     <option>TWO</option>
   </select>
   <select id="mySelect">
     <option>壹</option>
     <option>贰</option>
   </select>
 </label>
 </body>
</html>

去掉label后即正常。

查询w3school也没看到有相关说明，暂记录一下。

posted on 2013-05-25 22:41 哲民阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/zhe-min/archive/2013/05/25/3099417.html