您的位置:内蒙古11选五开奖5号的 > HTML > 正文

内蒙11选五直选走势图:html <label>标签

html form <label>标签基础语法结构与使用案例教程

在表单布局中会遇到label标签的使用,label没有任何样式效果,有触发对应表单控件功能。
比如我们点击单选按钮或多选框前文字对应选项就能被选中,这个就是对文字加了<label>标签实现。

一、点击文字,对应选择上控件

点击<label>标签文字时,实现对应控件被选择,需要对应表单控件id的值与label标签内的for值相同。

二、label语法

<label for="man">男</label>

Label标签内文字更加需要填写
Label标签内for属性的值为自定义,一般与想实现点击会触发控件对象的ID对应相同。

三、label案例

HTML代码片段如下:

<form action="" method="get"> 
性别:<br />
<input name="sex" id="man" type="radio" value="" />
<label for="man">男</label>
<input name="sex" id="woman" type="radio" value="" />
<label for="woman">女</label>
</form>

注意查看,input标签内id的值与label标签内for的值对应。

html label标签用法案例
html label标签用法案例截图

label用法案例查看案例

总结:
一般要实现点击单选按钮框文字或多选按钮框文字对应选择按钮被选择,使用label标签即可,注意for与id值相同即可实现。Label标签默认情况下是没有任何样式,可以使用内蒙古11选五开奖5号的设置css宽度、css高度、css边框等样式。

扩展知识
1、html checkbox多选框

相关标签: label
如需转载,请注明文章出处和来源网址:www.thinkcss.com/html/489.shtml

日期:2013-04-29 16:35:32 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:ThinkCSS
  • 图解:从中国新闻奖、长江韬奋奖看人民日报70年 2019-06-27
  • 江夏区宣传干部培训班圆满落幕 荆楚网携手江夏区委宣传部举办 2019-06-26
  • 供应链如何更“智慧” 2019-06-17
  • 推动民营企业创新发展 2019-05-31
  • 【北京中汽双会车型报价】北京中汽双会4S店车型价格 2019-05-31
  • 弘扬光荣传统 勇立时代潮头 忠实履职尽责 2019-05-30
  • 世界很多国家想拥有核弹,但迫于种种原因而没能实现。 2019-05-25
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-05-15
  • 泰国推出“智慧签证”吸引人才 2019-05-15
  • “印象”世界杯:揭幕战红色风暴席卷绿茵场 2019-04-29
  • 衡阳日报社副社长周卫国祝贺人民日报创刊70周年 2019-04-27
  • 国乒在日本全面溃败!刘国梁却在参加综艺节目 2019-04-21
  • 张琳芃球衣事件折射中超不职业 因打亚冠要多道程序 2019-04-21
  • 出租广州市番禺区大龙街东兴路476号4楼物业空置部分 2019-04-17
  • 美媒盘点地球上最强5款战略核潜艇:毁灭世界比外卖都快 2019-04-17
  • 中超控股最新消息 世界杯足彩哪里买 捕鱼达人下载 彩票深圳风采开奖时间 赛马会官方网app 7乐彩的复式 河南11选5怎么玩 广西11选5官网最快 欧亚足球指数比较 足球任选9场玩法 风采25选7 彩票甘肃快3开奖查询 浙江十一选五开奖结果任六 九龙透码一肖八码 云南快乐十分开奖结果彩票控