使用LABEL增强你的页面体验

    技术2022-05-11  107

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