美文网首页网页前端后台技巧(CSS+HTML)让前端飞互联网科技
web前端html实例-点击相文字选中和取消选中checkbox

web前端html实例-点击相文字选中和取消选中checkbox

作者: 560b7bb7b879 | 来源:发表于2019-05-06 23:10 被阅读6次

checkbox复选框大家应该不会陌生,点击此元素可以实现选中或者取消效果。

下面介绍一种更为人性化的措施,点击指定相关内容即可以实现选中和取消选中效果。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>web前端学习扣qun:731771211  每日分享技术,学术交流</title>
</head>
<body>
<input id="ck" type="checkbox" />
<label for="ck">认真学前端</label>  
</body>
</html>

相关文章

网友评论

    本文标题:web前端html实例-点击相文字选中和取消选中checkbox

    本文链接:https://www.haomeiwen.com/subject/iuzroqtx.html