Html中label标签的用处

最新推荐文章于 2024-07-29 16:22:26 发布

程序猿厨子

最新推荐文章于 2024-07-29 16:22:26 发布

阅读量1.6k

点赞数

分类专栏： web 文章标签： html label标签

本文链接：https://blog.csdn.net/m0_38115492/article/details/70948413

版权

本文介绍了HTML中的<label for>标签，其主要用于与表单结合，当点击标签时可以使相关控件获得焦点并触发，如示例所示，展示了如何在单选按钮中使用<label>标签。点击文本'Male'或'Female'会激活对应的性别选项。注意<label for="something">中的'something'需与控件id匹配，否则无法正常工作。单纯的<label>仅用于加粗文本内容。

摘要由CSDN通过智能技术生成

小编在最初学html的时候对<lable for>也是存在疑惑，不知到底有什么实际的用途。随着学习深度的增加，慢慢了解其实<lable for>标签就是为了和表单结合，当点击<label for=“something”>中的something时就会使浏览器聚焦控件并触发该控件（多用于单选框），下面是一个例子：

<html>
<body>
<p>请点击文本标记之一，就可以触发相关控件：</p>

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>

</body>
</html>