css点击附近文本选中复选框代码实例

快乐打工仔 分类:实例代码

在很多应用中,可能有这样的效果,那就是并没有直接点击复选框,也能够实现复选框的选中或者取消选中。

这个效果其实是利用<label>标签实现的,下面就分享一段这方面的代码实例。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
</head>
<body>
  <input type="checkbox" id="checkbox">
  <label for="checkbox">犀牛前端部落</label>
</body>
</html>
css点击附近文本选中复选框代码实例

回复

我来回复
  • 暂无回复内容