label标签用法(html中的label标签的使用详解)

HTML中的标签--label，标签为input元素定义标注，用于绑定一个表单元素，当点击一个标签内的文本时，浏览器就会自动讲焦点(光标)转到或者选择对应的表单元素上，用来增加用户体验。接着看下label标签用法:

男

里的for和里的id需要对应起来，值需要是一样的。即核心点为: 标签的for属性应当与元素的id属性相同。可以看下效果:

首先是名称+单选框

之前点击单选框，必须要点击到小圆圈按钮处才行，现在点击颜色+小圆圈区域就可以了。

label标签用法实例，来看看代码展示:

颜色

其中for和id都是color, 我们加上复选框看看效果

点击后的效果:

然后看看已经添加了的代码:

颜色

蓝色
绿色
紫色

这里就多了复选框，但是发现点击文字不能勾选，然后是没有加标签属性，我们再加上试试(终于写出来代码bug)

看下如何修改的代码:

颜色

蓝色
绿色
紫色

每一个控件都会有一个label和一个id一一对应

好的，今天就先这样了