label中的for属性

label的for属性

<label>不添加for属性，点了没反应

增加for属性后，点label，就可以选中input控件

<td align="center" valign="middle" width="200">
                <input type="radio" onclick="loadChejian();" name="cjtype" id="one"/><label for="one">车间</label>
                <input type="radio"  checked="checked" onclick="ajaxCJCPhw();" name="cjtype" id="two"/><label for="two">产品类型</label>                    
  </td>

一、使用介绍

<label>专为input元素服务，为其定义标记。

for属性规定label与哪个表单元素绑定

label和表单控件绑定方式又两种：

1、将表单控件作为label的内容，这样就是隐士绑定。

此时不需要for属性，绑定的控件也不需要id属性。

隐式绑定：
<label>Date of Birth: <input type="text" name="DofB" /></label>

2、为<label>标签下的for属性命名一个目标表单的id，这就是显示绑定。

显式绑定：
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSN" />

二、为什么要给<label>加上for属性

给<label>加了for属性绑定了input控件后，可以提高鼠标用户的用户体验。

如果在label元素内点击文本，就会触发此控件。就是说，当用户渲染该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。