html.textboxfor属性,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；如下：

最下方的label元素实际上是对应第一个input标签，虽然没有放在form表单中，但点却同属于“registform”这个表单；显示如下：

手机号码

昵称