博客列表 >label标签的用法

label标签的用法

总有一些东西值得坚持
总有一些东西值得坚持原创
2017年07月24日 14:18:504653浏览

标签定义及使用说明

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

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

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

提示和注释

提示:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

代码:    注:name和id 可以不同

<form>

<label for="user">用户名:</label><input type="text" name="user" id="user"> 

<label for="pass">密  码:</label><input type="password" name="pass" id="pass">

</form>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议