使用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