详解label标签有什么⽤……性感微信头像
转载，⾼⼿飘过。。。
说来羞煞⼈：我⼀直没搞懂label与⼀个span标签有什么不同，貌似显⽰⽅式及作⽤都⼀样的。刚才发现，其实label标签最⼤的不同就在于他的for属性。
label标签通常是写在表单（form）内的，他与⼀个普通的span最⼤的不同，就是可以和表单元素配对，⽐如⽂本框，单选框，复选框。⽽配对的⽅法，就是通过label的for属性。海洋世界怎么画
⽐如
<input type="text" name="" id="text" /><label for="text">⼀个label，配⽂本框</label><br/>
宴席菜谱
<input id="Ur3" type="radio" name="gender" value="3">
<span for="Ur3">⼀个span</span>
<label for="Ur3">label配radio</label>
测试以上代码，你会发现点击“配⽂本框”的label时，它前⾯的input:text标签获得焦点了（可输⼊）！⽽
点击“配radio”时，它前⾯的单选框radio就被选中了；但点击“⼀个span”时，单选框不会有什么反应，虽然它们离得更近。
这些只是因为label的for属性。它为label指定了⼀个⽬标，⼀般是⼀个form表单内元素的ID，这样就可以把这个label与该ID元素关联起来，当点击label时，就可以让该ID也获得焦点！奶牛饲料
代码中我也给span加上了for，但没有作⽤。这就是span与label的区别了。
如果你不想给label加for，但⼜想把input元素后⾯的⽂字和input本⾝关联起来，那你也可以这样：
1. <label><input type="checkbox" name="aksd" id="aksd" /> ⼏个字</label>
詹姆士二世就是⽤label把input包起来。这样的效果与input后紧跟加for的label效果相同：点击⽂字即可选中复选框。
同样，把代码中的label换成span就不⾏了。
旅行英语注意：label包input的⽅法，在IE6下⽆效！哲学电影
九寨沟住宿但推荐input与label分离的模式，因为这样更灵活，你可以把input与label各⾃放在⼋竿⼦打不着的地⽅，但依然彼此关联——多么忠贞⽽催⼈泪下的爱情啊！
