在工作中发现表单中的label标签一般都有for属性,不是很理解看了w3school的介绍也是云里雾里的,今天制作一个页面需要如下效果:
在用户登陆的表单中加了一个选择框表示用户是否要绑定微信,用了如下代码:
<input id="BindWeiXin" checked="checked" type="checkbox" />
<label style="float:left;color: #333;">绑定微信</label>
结果就产生了一个问题
用户有在点击input控件的时候才能设置input控件的选中状态在手机上用户往往很难准确的选中,给label标签加了个for属性设置为input控件的id就可以实现用户点击label标签也能触发input控件的事件了,代码入下
<input id="BindWeiXin" checked="checked" type="checkbox" />
<label for="BindWeiXin" style="float:left;color: #333;">绑定微信</label>