label的简单用法

来源:互联网 发布:加入农村淘宝什么条件 编辑:程序博客网 时间:2024/06/06 15:40

       最近做了一件事就是为每个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也可以实现选择和反选,就方便多了。


原创粉丝点击