点击文字就可选中单复选框的方法

今天上网时填写一个表单，在填写性别时发现点击男字即可选中该单选框，而不需要点中单选框，这样其实很大程度上提高了网页的易用性，因为点中一个文字甚至一行字比点中一个小单选框要容易得多。所以就有必要研究一下别人的实现方法。

仔细看了一下代码后发现这个非常的简单，只要设置一下标签属性就可以达到要求了。比如我们在做性别选择时，当用户点击男或者女时，相应的单选框就被选中。只需要两步就可以了。

1、给单选框设置id属性。

<input id="sex" type="radio" name="sex" />

2、关键就在这里了，想点击的文字要被label包裹起来，并且设置for属性，并指向单选框的id属性。这时文字就和单选框关联起来了。

<label for="sex">男</label>

嘎嘎……，简单吧。

日期：2008-05-21 22:43   分类：web标准设计      阅读次数(1772)   发表评论(0)

相关文章

 

评论列表

  • 暂无评论，快说两句吧

发表评论

(必填)
(便于交流,可选)
  (支持Ctrl+Enter快捷回复)