关闭

使用LABEL增强你的页面体验

标签: 扩展web
462人阅读 评论(0) 收藏 举报
分类:

  今天浏览aoao(嗷嗷)的网站时,无意发现aoao呼吁大家要给checkbox及radio配个老婆(LABEL),仔细看了一下,发现这样做确实很有必要。虽然我一直都有给它们配“老婆”,但确实没做到aoao这样来倡议大家都这么做,先自己汗一个-_-!!

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

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

  [演示地址:http://www.doyoe.com/model/xhtml/markup/label.htm

输出效果:

checkbox

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

radio

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

 引用代码:

<fieldset>
  <legend>checkbox</legend>
  <p><input type="checkbox" name="ck" id="test1" /><label for="test1">点这里看哪种体验更好(有老婆)</label></p>
  <p><input type="checkbox" name="ck" />点这里看哪种体验更好(没老婆)</p>
</fieldset>
<fieldset>
  <legend>radio</legend>
  <p><input type="radio" name="rd" id="test2" /><label for="test2">点这里看哪种体验更好(有老婆)</label></p>
  <p><input type="radio" name="rd" />点这里看哪种体验更好(没老婆)</p>
</fieldset>

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

  扩展阅读:aoao“各位大大行行好,给checkbox配个老婆(label)吧

  原文地址:http://blog.doyoe.com/blogedit.asp?id=8

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:47844次
    • 积分:990
    • 等级:
    • 排名:千里之外
    • 原创:47篇
    • 转载:0篇
    • 译文:0篇
    • 评论:9条
    文章分类
    最新评论
    飘零雾雨的相关链接