非凡资讯

网页设计培训资讯>上海浦东网站制作培训课程带你学习html标签label的语法和用法

上海浦东网站制作培训课程带你学习html标签label的语法和用法
发布日期:2019/2/25 16:23:48    上海浦东网站制作培训课程 1501 分享
在表单布局中会遇到label标签的使用,label没有任何样式效果,有触发对应表单控件功能。比如我们点击单选按钮或多选框前文字对应选项就能被选中,这个就是对文字加了label标签实现。
 
一、点击文字,对应选择上控件
点击label标签文字时,实现对应控件被选择,需要对应表单控件id的值与label标签内的for值相同。
 
二、label语法
Label标签内文字更加需要填写
Label标签内for属性的值为自定义,一般与想实现点击会触发控件对象的ID对应相同。
 
三、label案例
HTML代码片段如下:
上海浦东网站制作培训课程带你学习html标签label的语法和用法
 
注意查看,input标签内id的值与label标签内for的值对应。
上海浦东网站制作培训课程带你学习html标签label的语法和用法
html label标签用法案例截图
 
总结:
一般要实现点击单选按钮框文字或多选按钮框文字对应选择按钮被选择,使用label标签即可,注意for与id值相同即可实现。Label标签默认情况下是没有任何样式,可以使用CSS设置css宽度、css高度、css边框等样式。

本文来源:网络。整理:浦东网站制作培训课程。更多资讯【请关注微信号:feifanxueyuan】(版权声明:推送文章和图片我们都会注明作者和来源,除非确实无法确认。部分文章和图片推送时未能与原作者取得联系,若涉及版权,烦请原作者联系小编更正,谢谢。)
相关文章:
上海浦东网站制作培训课程带你学习html标签label的语法和用法
免费试听热门课程
在线客服
免费软件
免费试听
最新活动
学费查询
开班查询
就业薪资