码迷,mamicode.com
首页 > 其他好文 > 详细

label的作用

时间:2016-03-24 18:09:09      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:

定义和用法

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

---------------------------------------------------------------------------------------------------------------------------------

看完根本不知道是在说什么。

最后在这里 说说HTML5中label标签的可访问性问题  看到了例子才明白:是为了让用户在选择的时候更加容易,点击选择框对应的文本就可以勾选上所选项了。

在HTML5中可以使用3中方式来使用label标签:

使用for和id关联控件

<p><label for="test">标签</label> <input name="input" type="text" id="test" /></p>

label标签包裹控件

<p><label>标签 <input name="input" type="text" /></label></p>

双管齐下

<p><label for="test2">标签 <input name="input" type="text" id="test2" /></label></p>

但是,使用for + id的格式的可访问性是要强于使用包括的形式的,因此在日常的使用中,最好要使用for + id的形式。

label的作用

标签:

原文地址:http://www.cnblogs.com/lswit/p/5316296.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!