【报Bug】关于label标签for属性在最新版mui.js下的bug

分类：MUI

单选表单 HTML5

详细问题描述
代码如下(只写主要部分)

<div class="mui-input-row">  
    <label>密码类型:</label>  
    <input id="account" name="pwdType" value="0" type="radio" class="mui-hidden">  
    <label for="account" class="mui-btn">账户密码</label>  
    <input id="msg" name="pwdType" value="1" type="radio" class="mui-hidden">  
    <label for="msg" class="mui-btn">短信密码</label>  
</div>

由于
这个地方
如果是上面的dom结构会导致for属性失效

解决如下

<div class="mui-input-row">  
    <label>密码类型:</label>  
    <span><input id="account" name="pwdType" value="0" type="radio" class="mui-hidden">  
    <label for="account" class="mui-btn">账户密码</label></span>  
    <span><input id="msg" name="pwdType" value="1" type="radio" class="mui-hidden">  
    <label for="msg" class="mui-btn">短信密码</label></span>  
</div>

望改进此bug~

2017-01-14 18:14 负责人:无分享

5 个回复

我是大笨蛋 - 签到

你是呆子

菜鸡 (作者)

我是你爸爸

2018-01-03 10:50

4***@qq.com

。。。无语，这个bug没人理吗

2***@qq.com - 学习

不是很懂

Set_li

我也遇到这个问题我的解决方法是
用div把 <input type=""radio"">和<label>选项</label> 这两个包裹起来
例如:

<div>  
   <input type="radio" id="a" value="a">  
   <label :for="a">选项a</label>  
</div>  
<div>  
   <input type="radio" id="b" value="b">  
   <label :for="b">选项b</label>  
</div>

1***@163.com

2018年7月3日，此bug目前仍未解决

该问题目前已经被锁定, 无法添加新回复

【报Bug】关于label标签for属性在最新版mui.js下的bug

5 个回复

公告

相关问题

【报Bug】关于label标签for属性在最新版mui.js下的bug

与内容相关的链接

5 个回复

公告

相关问题