HTML checkbox 点击说明文字即可选择/取消勾选状态

所属分类：网页制作 / HTML/Xhtml 阅读数： 372

收藏 0赞 0分享

web开发中，由于checkbox比较小用户操作起来不是很方便，为了方便用户对checkbox操作我们可以让用户点击说明文字时即可实现选择/勾选 checkbox

下面使用一种简单的方法实现

代码实现如下：

复制代码

代码如下:

复制代码

代码如下:

<label for="ck1">点击我即可选择/取消勾选状态</label>

label:
说明文字标签必须为 label
for 指定需要联动checkbox的id

更多精彩内容其他人还在看

html a 链接标签title属性换行鼠标悬停提示内容的换行效果

a链接标签内title属性鼠标悬停提示内容有换行效果，该怎么实现呢？下面由两种不错的方法，大家不妨参考下，希望对大家有所帮助

收藏 0赞 0分享

在HTML中引入CSS的几种方式介绍

在HTML中，引入CSS的方法主要有行内式、内嵌式、导入式和链接式，下面针对这几种不同的引入方式给予了使用建议，比较迷惑的朋友可以参考下

收藏 0赞 0分享

html area图片热点的使用介绍附相关属性一览表

area标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面，具体使用如下，不会的朋友可以参考下

收藏 0赞 0分享

关于label和span设置width无效问题解决方法

大家可能不知道默认情况下label、span 设置width 是无效的，只有当display:block时，我们所设置的width才有效果，下面有个不错的示例，大家可以感受下

收藏 0赞 0分享

通过href简单实现点击a链接跳到页面中指定的地方

当点击a标签后，要使其跳到页面里面相应的地方，方法很简单，a标签里面href属性便可轻松做到，将href中的内容和你要跳到这个区域的id同名即可，需要的朋友可以参考下

收藏 0赞 0分享