HTML label标签的一点理解

巴扎黑
发布: 2017-06-27 11:50:11
原创
1548 人浏览过

label标签为input元素定义标注。

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

其有两个属性for from。

for 规定绑定到哪一个表单元素上。(label元素的for属性值必须和相关表单元素的id属性值相同)

from规定字段所属的一个或多个表单。

例:常见的网页侧边栏弹出效果也可以完全用css动画实现。此时label标签就得到应用。


    
    Document
    
        
        
        
        
        
        
        
        
        
        
    
    
    导航栏
    
        Menu
        HTML和CSS实现侧边栏弹出效果
登录后复制

此例很好的展示了label标签的应用。通过label标签与input的结合在应用上css动画可以很好的解决网页上面的一些简单点击动画效果。(如ppt效果的幻灯片也可以用此实现)

以上是HTML label标签的一点理解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板