HTML-label标签

最新推荐文章于 2025-10-22 14:48:55 发布

原创最新推荐文章于 2025-10-22 14:48:55 发布 · 668 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #标签

html 专栏收录该内容

6 篇文章

订阅专栏

在刚刚开始学习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>