<input text="radio" name="gender" id="gender_1" value="男" /><label for="gender_1">男</label>
<input text="radio" name="gender" id="gender_2" value="女" /><label for="gender_2">女</label>
此时，你点击后面的 男 or 女，就会选中前面的单选钮。
对非隐藏的表单均有效果。
定义和用法
for 属性规定 label 与哪个表单元素绑定。
隐式和显式的联系
标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 <label>标签下的 for 属性命名一个目标表单 id，这样就是显式形式。
例如，在 XHTML 中：
显式的联系：
[html] view plain copy
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSn" />
隐式的联系：
[html] view plain copy
1.<label>Date of Birth: <input type="text" name="DofB" /></label>
第一个标记是以显式形式将文本 "Social Security Number:" 和表单的社会安全号码的文本输入控件("SocSecNum") 联系起来，它的 for 属性的值和控件的 id 一样，都是 SSN。第二个标记 ("Date of Birth:") 不需要 for 属性，它的相关控件也不需要id 属性，它们是通过在 <label>标签中放入 <input>标签来隐式地连接起来的。
实例
带有两个输入字段和相关标记的简单 HTML 表单：
[html] view plain copy
1.<form>
2.<label for="male">Male</label>
3. <input type="radio" name="sex" id="male" />
4.<br />
5.<label for="female">Female</label> 6.<input type="radio" name="sex" id="female" />
7.</form>
html class和id不可以用中文和数字，否则无法成功定位。
HTML 中 id与name 区别
一个name可以同时对应多个控件，比如checkbox和radio
而id必须是全文档中唯一的id
id的用途
1） id是HTML元素的Identity，主要是在客户端脚本里用。
2） label与form控件的关联，如
<label for="MyInput">My Input</label>
<input id="MyInput" type="text">
for属性指定与label关联的元素的id，不可用name替代
3）脚本中获得对象：IE支持在脚本中直接以id（而不是name）引用该id标识的对象。
例如上面的input，要在脚本中获得输入的内容，可以直接以 MyInput.value来获得。如果用DOM的话，则用document.getElementById("MyInput").value；
如果要用name的话，通常先得到包含控件的form，例如document.forms[0]，然后从form再引用name，注意这样得到的是经过计算后将发送给服务器的值。
详情可进入网页链接进行学习和查看。
