html label标签 for属性

朲間烝茷

于 2020-12-22 18:33:50 发布

阅读量208

点赞数

CC 4.0 BY-SA版权

分类专栏： html+css 文章标签： label for

本文链接：https://blog.youkuaiyun.com/pyp_demon/article/details/111563895

html+css 专栏收录该内容

4 篇文章

订阅专栏

表现形式:
  <label for="boy">男</label>
  <input type="radio" name="sex" id="boy" />
  <label for="girl">女</label>
  <input type="radio" name="sex" id="girl" />

作用：
当点击  男 的时候，会选中 男的radio
当点击  女 的时候，会选中 女的radio

原理：
label中的for和input中的id是相互对应的

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
</head>

<body>

  <label for="boy">男</label>
  <input type="radio" name="sex" id="boy" />
  <label for="girl">女</label>
  <input type="radio" name="sex" id="girl" />

</body>


</html>