HTML-label标签

关注

原创最新推荐文章于 2026-05-24 18:00:00 发布 707 阅读 AI 写同款· GEO 优化 ›

保姆级教程：用Protege 5.5.0从零构建你的第一个知识图谱（附实战案例文件）本文提供了一份详细的Protege 5.5.0使用指南，从零开始构建知识图谱。涵盖环境配置、本体结构设计、实例填充到可视化展示的全流程，特别适合初学者快速掌握知识建模技术。通过实战案例演示，帮助读者理解如何定义类、属性及建立实例关系，是学习知识图谱构建的实用教程。阅读详情

在刚刚开始学习html的lable标签时候，对其不是太熟悉，可能是囫囵吞枣地学习吧，当再次仔细学习的时候，突然就明白了它的一种用法，所以就暂时把它记录下来；

在单选的标签前使用lable标签来显示提示信息，然后让lable的for属性值为控件id的值，则可实现当用户用鼠标点击lable的文本时，就可选择单选控件的内容；代码如下

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>form中的lable标签</title>
</head>

<body>
<form>
   <label for="male">男</label>
  <input type="radio" name="gender" id="male" />
  <br />
  <label for="female">女</label>
  <input type="radio" name="gender" id="female" />
  <br />
  <label for="email">输入你的邮箱地址</label>
  <input type="email" id="email" placeholder="Enter email">
  <br/>
  <label for="one">慢跑</label>
  <input type="checkbox" id="one" name="run"/>
  <label for="2">登山</label>
  <input type="checkbox" id="2"/>
  <label for="3">篮球</label>
  <input type="checkbox" id="3"/>
</form>

</body>
</html>