飘零雾雨的专栏

欢迎到我的主博客:css探索之旅(http://blog.doyoe.com/)

使用LABEL增强你的页面体验

  今天浏览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

阅读更多
文章标签: 扩展 web
个人分类: CSS
上一篇完整点击区域滑动门菜单
下一篇DIV布局之三行两列左栏宽度固定右栏宽度自适应
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭