label标签中的for属性与form属性

HTML中的label标签是干什么的？在讲这个标签之前先来做一个示范，请点击以下的文本框控件：
你的姓名是：

大家都知道上面的文本框使用的是input元素，当鼠标点击文本框时就能输入文本，若是点击文本框左边的文字并不会发生任何变化，而我们今天要讲的就是点击input元素周围的文字时，同样能使该元素获得焦点，这个效果是通过label标签来实现的。
label标签能为input元素定义标注，使文本与表单控件捆绑在一起，当点击label标签时，会产生相当与点击此元素相同的效果。也就是说，当用户选择该标签时，无论是否点中表单控件，浏览器都会自动将焦点转到和标签相关的表单控件上。

label标签捆绑元素有两种设定方法：

一种是以隐藏的方法连接起来，用 label 标签包含文本和元素，这种方法不需要设置for属性，语法如下：
﹤label﹥你的姓名是：﹤input type='text' name=''﹥﹤/label﹥
另一种是以显示的形式将文本与控件联系在一起，这就需要在 label 元素中的 for 属性里取一个与目标控件ID名称相同的值，语法如下：
﹤label for='nick'﹥你的姓名是：﹤/label﹥
﹤input id='nick' type='text' name=''﹥
现在再来看以下效果：
你的姓名是：

现在无论你用鼠标点击上面的文本框或是点击文本框左边的文字，都能使该控件获得焦点。

label标签的form属性（HTML5新属性）

使用form属性可规定label元素所属的一个或多个表单的id列表，form属性的值必须是其所属的表单的id；如下：