css label 居中布局_label标签 html教程

html form 标签基础语法结构与使用案例教�?/strong>

在表单布局中会遇到label标签的使用，label没有任何样式效果，有触发对应表单控件功能�?br />

比如我们点击单选按钮或多选框前文字对应选项就能被选中，这个就是对文字加了标签实现�?/p>

一、点击文字，对应选择上控�?/h3>

点击标签文字时，实现对应控件被选择，需要对应表单控件id的值与label标签内的for值相同�?/p>

二、label语法

�?lt;/label>

Label标签�?strong>文字更加需要填�?br />

Label标签�?strong>for属性的值为自定义，一般与想实现点击会触发控件对象�?a href="//www.css5.com.cn/css/117.shtml">ID对应相同�?/p>

三、label案例

HTML代码片段如下�?/p>

性别�?lt;br />

�?lt;/label>

�?lt;/label>

注意查看，input标签内id的值与label标签内for的值对应�?/p>

html label标签用法案例截图

label用法案例�?a href="//www.css5.com.cn/yanshi/label.html" class="yanshi" target="_blank">查看案例

总结�?/strong>

一般要实现点击单选按钮框文字或多选按钮框文字对应选择按钮被选择，使用label标签即可，注意for与id值相同即可实现。Label标签默认情况下是没有任何样式，可以使�?a href="//www.css5.com.cn/">CSS设置css宽度�?a href="//www.css5.com.cn/css/916.shtml">css高度�?a href="//www.css5.com.cn/css/912.shtml">css边框等样式�?/p>

扩展知识�?br />

1�?a href="//www.css5.com.cn/html/487.shtml">html checkbox多选框

标签(Tag): label

本文分享URL地址�?a href="/html/489.shtml">/html/489.shtml

作者：css5