菜鸡
菜鸡
  • 发布:2017-01-14 18:14
  • 更新:2018-07-03 14:10
  • 阅读:2966

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

分类:MUI

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

<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 负责人:无 分享
已邀请:
我是大笨蛋

我是大笨蛋

你是呆子

  • 菜鸡 (作者)

    我是你爸爸

    2018-01-03 10:50

4***@qq.com

4***@qq.com

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

2***@qq.com

2***@qq.com - 学习

不是很懂

Set_li

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

1***@163.com

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

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