前端中关于HTML标签label的属性for的理解

First：<label>的说明：
1、<label>标签为input元素定义标注（标识）
2、label元素不会像用户呈现任何特殊的效果，仅作为显示
扩展：不过，它为鼠标用户改进了可用性。如果您在label元素内点击文本，就会触发此控件。就是说，当用户选择该标签是，浏
览器就会自动将焦点转到和标签相关的表单控件上

前提：label标签的for属性值应当与相关元素的id属性值相同Second：<label>属性的详细说明：

3、for属性

规定与那个表单元素绑定

作用是：在点击label是会自动将焦点移动到绑定的元素上

例如：

<label><input type="radio" value="boy" name="sex" id="_boy">boy</label>
<label><input type="radio" value="girl" name="sex">girl</label>
<label for="username">用户名：</label><input type="text" name="username" id="username">

说明：特别是使用CheckBox，如果没绑定的话需要鼠标点击小方框，才可以选中或不选，绑定以后label就可以改变CheckBox的值，radio的值，以及让焦点聚集到文本输入框中

4、form属性（HTML5新增）

规定label字段所属一个或多个表单（位于表单之外的标签）
form的属性值必须是其所属表单的id值
如使用一个以上的引用，请使用空格分隔的列表
Finally：如有不确实之处，还望多多指正。

前端中关于HTML标签label的属性for的理解相关推荐

php中的method是什么意思,HTML中的form标签的method属性怎么用？这里有method属性的用法介绍...
本篇文章主要的介绍了关于HTML中的form标签的method属性的定义及其用法解释,做了详细的解释,后面还有两个常见的问答和method属性的实例,现在就让我们一起看下去吧首先我们来看看HTML中 ...
总结Cocos2d-x 3.0 中新字体标签Label
来源网址:http://cn.cocos2d-x.org/tutorial/show?id=1624 在3.x中,废弃了2.x里的LabelTTF.LabelAtlas.LabelBMFont三个字体 ...
html5定义页脚标签,使用 HTML5 中的新标签和新属性
新标签主要分成三个部分:语义化标签.功能性标签及新的输入控件类型语义化标签 .. . ....... 这些新的语义化标签目前得到了大部分主流浏览器的支持,建议直接使用:如果是在IE 8及以下版本,无 ...
前端文件下载利用a标签的download属性下载文件
1.对于后端返回的是url下载地址代码(可直接复制拿去用): // 点击下载文件参数href:下载地址,参数filename:文件名(如后端没有返回文件,可自定义文件名)downloadFile(h ...
html a title显示,HTML中关于a标签的title属性怪事
HTML的a标签用于建立超链接,其title属性规定关于超链接元素的额外信息,即提供额外的提示信息.有代码如下: 无标题文档看看啊!第一层第二层看看啊!第一层第二层看看啊!第一层第二层看 ...
Javascript 中变更Html标签label的文本
2019独角兽企业重金招聘Python工程师标准>>> 问题描述: 使用Javascript变更<label>的文本解决方法: document.all['LabelI ...
jstl中Core标签库c:out标签的escapeXml属性
jstl中<c:out>标签的escapeXml属性讲解例1: <c:out vlaue="AAA"> <p>BBB</p> &l ...
ie8 html 语音标签,让IE8支持html5中的video标签
这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本在里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放. ②又要无休止的找ie8的解决方法,自 ...
HTML标签和说明属性
HTML  注释标签标签定义及使用说明所有主流浏览器都支持  注释标签.  注释标签用来在源文档中插 ...

前端中关于HTML标签label的属性for的理解

前端中关于HTML标签label的属性for的理解相关推荐

最新文章

热门文章