• 技术文章 >web前端 >前端问答

    html的label是什么

    藏色散人藏色散人2021-02-25 11:22:06原创996

    html的label是一种标签,用于为input元素定义标注或标记;label元素不会向用户呈现任何特殊效果;不过它为鼠标用户改进了可用性,如果用户在label元素内点击文本,就会触发此控件。

    本文操作环境:Windows7系统、HTML5、Dell G3电脑

    label定义和用法

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

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

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

    提示和注释:

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

    属性

    new : HTML5 中的新属性。

    67ee652d0c596e5c87d694c8b5f9b84.png

    注:

    所有主流浏览器都支持 <label> 标签。

    Safari 2 或更早的版本不支持 <label> 标签。

    【推荐:HTML视频教程

    实例

    带有两个输入字段和相关标记的简单 HTML 表单:

    <html>
    <body>
    
    <p>请点击文本标记之一,就可以触发相关控件:</p>
    
    <form>
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" />
    <br />
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female" />
    </form>
    
    </body>
    </html>

    运行效果:

    960aa2d5bfbf397db38e98b9723a86c.png

    以上就是html的label是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:htm和html是什么 下一篇:html5怎么去除超链接的下划线
    大前端线上培训班

    相关文章推荐

    • html文件如何添加音乐• html怎么设置封面计时• html怎么把默认样式去掉• html如何让字体自动变色• htm和html是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网