使用Lable标签,提升用户体验! 【WEB标准】

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

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

输出效果:

checkbox

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

radio

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


引用代码:

<fieldset>

  <legend>checkbox</legend>

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

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

</fieldset>

<fieldset>

  <legend>radio</legend>

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

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

</fieldset>

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

流行热度:超过  人阅读
关 键 词:用户体验  xhtml  label  标签  
发布日期:daniel 发表于 2009-4-22 19:23:11
所属分类:【网站SEO - WEB标准】 - 【WEB标准
文章链接:http://www.cookseo.com/blog/css/formlable/ [点击复制] (转载时请注明本文出处及文章链接)
引用地址:点击这里获取该日志的TrackBack引用地址
您或许对与WEB标准相关的文章感兴趣:
  • 增加了几个功能,修正了一些错误  (2007-12-20 12:52:39)
  • 本文被踩了(1)次, 既然来了,我也要踩一脚

    2009-4-23 10:18:28 回复该留言
    恩 有lable比较醒目一点~
    daniel,2009-04-24 09:28 AM
    呵呵,是呀,这样用起来比较爽,PJ的后台初始化数据就是这样使用的。

    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    Powered By Z-Blog 1.8 Arwen Build 90619, 皮肤设计支持:异次元软件世界
    网站SEO-WEB标准, Daniel's Blog, CopyRight 2009-2011, 鄂ICP备10001167号,