HTML 标签的 for 属性

作者: admin 日期: 2015-09-19 18:24:43 人气: - 评论: 0

在工作中发现表单中的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>


相关内容

发表评论
更多 网友评论0 条评论)
暂无评论

Copyright © 2012-2014 我的代码板 Inc. 保留所有权利。

页面耗时0.0272秒, 内存占用1.85 MB, 访问数据库15次

闽ICP备15009223号-1