首页 >web前端 >html教程 >HTML label标签的一点理解

HTML label标签的一点理解

巴扎黑
巴扎黑原创
2017-06-27 11:50:111573浏览

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn