label的简单用法

       最近做了一件事就是为每个input加了一个label,在输入表单的时候,需要用标签标示出来输入框的数据是什么,一般都需要使用label,表单的label有一个重要的属性就是

for,只要在为表单的for指定某个input的id值,点击该label就会使相应的input获得焦点。


<form id="form" name="test" >
   <label for="name">姓名</label>
   <input type="text" maxlength="20" id="name"/>
</form>

       当鼠标点击“姓名”的时候,输入框就能获得焦点。type为text的时候label的作用还不是特别明显,如果type为checkbox,为它设置一个label就十分有必要了。因为复选框的大

小,用户点击的时候需要更多的注意力,如果将焦点放大,点击label也可以实现选择和反选,就方便多了。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值