前端中关于HTML标签<label>的属性for的理解
2018-01-31 10:37
465 查看
First:<label>的说明:
1、<label>标签为input元素定义标注(标识)
2、label元素不会像用户呈现任何特殊的效果,仅作为显示
扩展:不过,它为鼠标用户改进了可用性。如果您在label元素内点击文本,就会触发此控件。就是说,当用户选择该标签是,浏
览器就会自动将焦点转到和标签相关的表单控件上
前提:label标签的for属性值应当与相关元素的id属性值相同Second:<label>属性的详细说明:
3、for属性
规定与那个表单元素绑定
作用是:在点击label是会自动将焦点移动到绑定的元素上
例如:
说明:特别是使用CheckBox,如果没绑定的话需要鼠标点击小方框,才可以选中或不选,绑定以后label就可以改变CheckBox的值,radio的值,以及让焦点聚集到文本输入框中
4、form属性(HTML5新增)
规定label字段所属一个或多个表单(位于表单之外的标签)
form的属性值必须是其所属表单的id值
如使用一个以上的引用,请使用空格分隔的列表
Finally:如有不确实之处,还望多多指正。
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 属性
- 前端基础(5):html语法(4): <br> <td><tr><label>标签
- 关于framename的,HTML <a> 标签的 target 属性
- HTML <label> 标签的 for 属性
- HTML <label> 标签的 for 属性的用法及作用
- HTML <label> 标签的 for 属性
- 前端HTML<img>标签图像的属性和使用/图像img与背景background的区别
- HTML <label> 标签的 for 属性
- HTML <label> 标签的 for 属性
- 多标签<label>只有for属性的单一取值问题
- <label>标签for属性的妙用
- HTML <label> 标签的 for 属性
- 【轻松前端之旅】元素,标记,属性,<html>标签
- <label>标签for属性的妙用
- HTML<lable for="">标签的for属性。
- 工作小结:Base64注意事项、<label>标签for属性
- html点击关联标签<label>
- HTML <td> 标签的 colspan 属性
- <script>标签的for属性和event属性
- HTML <a> 标签的状态和 target 属性