前端中关于HTML标签的属性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值
如使⽤⼀个以上的引⽤,请使⽤空格分隔的列表
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论