在现如今WEB都以用户体验作为一个重要的指标来看待,是很有道理的。相信每个网友在浏览页面时,都希望有最IN的体验。
现在我们就来说说LABEL,一个容易被人遗忘和弃用的标签。下面以checkbox和radio来加以说明:
输出效果:
引用代码:
<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之后,点击选择它们变得更简单了,不再仅仅局限在那个小框框和小圆圆。