HTML label标签的作用，label标签用法

作者：佚名   时间：2014-04-08   分享到：

HTML<label>标签的作用，label标签用法：

使用label标签来定义表单控制间的关系，例如，一个文本输入字段和一个或多个文本标记之间的关系。根据最新的标准，标记中的文本可以得到浏览器的特殊对待。浏览器可以为这个标签选择一种特殊的显示样式(也可以使用样式表)，并且当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。

隐式和显式的联系

标记通常以下面两种方式中的一种来和表单控制相联系:将表单控件作为标记标签的内容，这样的就是隐式形式，或者为<label>标签下的for属性命名一个目标表单ID，这样的是显式形式。

例如，在XHTML中:

<label for="SSN">Social Security Number:</label> <input type=“text“name="SocSecNum" id="SSN"/> <label>Date of birth:<input type=“text.name="DofB" /></label>

第一个标记是以显式形式将文本“Social Security Number:”和表单的社会安全号码的文本输入控制("SocSecNum")联系起来，它的for属性的值和控件的id一

样，都是SSNo第二个标记("Date of Birth")不需要for属性，它的相关控件也不需要id属性，它们是通过在<1abe1>标签中放入<<input>标签来隐式地连接起

来的。

注意不要混淆name和id属性。前者为元素创建一个名称，服务器端表单处理器可以使用这个名称，而后者只是创建了一个能被<label>标签和URL使用的名称。同时也要注意，虽然一个标记可以指定单独的表单控件，但是一个表单控件可以被不

同的标记指定。这就提供了一种功能，可引导用户从文件的一些不同的地方找到一个特殊的表单输入区。

其他label属性

标记也具有通常的显示、存取性和与事件相关的标签属性。除标准的HTML 4和XHTML事件属性外，标记也支持。nfocus和。nblur属性。