关注前端开发微信微信号web007007

使用Lable标签,提升用户体验!

作者 管理员 发布时间 2012-06-13 01:45 文章分类 站长杂谈 文章评论 抢沙发 阅读次数

在现如今WEB都以用户体验作为一个重要的指标来看待,是很有道理的。相信每个网友在浏览页面时,都希望有最IN的体验。

现在我们就来说说LABEL,一个容易被人遗忘和弃用的标签。下面以checkbox和radio来加以说明:

输出效果:

checkbox

点这里看哪种体验更好(没LABEL)

radio

点这里看哪种体验更好(没LABEL)

<p>checkbox</p>
<p><input type="checkbox" name="ck" id="test1" /><label for="test1">点这里看哪种体验更好(有LABEL)</label></p>
<p><input type="checkbox" name="ck" />点这里看哪种体验更好(没LABEL)</p>

<p>radio</p>
<p><input type="radio" name="rd" id="test2" /><label for="test2">点这里看哪种体验更好(有LABEL)</label></p>
<p><input type="radio" name="rd" />点这里看哪种体验更好(没LABEL)</p>

不难发现,有LABEL和没LABEL的chekcbox和radio是有区别的。给它们配上LABEL之后,点击选择它们变得更简单了,不再仅仅局限在那个小框框和小圆圆。

本文固定链接: http://www.web92.net/388.html | WEB前端开发

该日志由 于2012年06月13日发表在 站长杂谈 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 使用Lable标签,提升用户体验! | WEB前端开发
关键字:
【上一篇】
【下一篇】