选择与无线电按钮和复选框

时间:2013-09-07 18:24:52

标签: html forms semantic-markup

使用包含<select>子项的<option>元素与使用<input type="radio">父项中的<fieldset>元素之间的语义区别是什么?这两种方法都允许用户最多选择一个选项。唯一的区别是视觉与用户体验相关:第一种方法向用户显示一个下拉菜单,而另一种方法显示单选按钮。

同等地,<select multiple=""><option>子项(选择多个下拉列表)和使用<input type="checkbox">(复选框)之间的区别是什么?再说一次,我看不出功能上的任何差异;只有演示文稿。

我只是想知道为什么HTML规范有两种方法供开发人员使用。如果唯一的区别在于演示文稿和user experience,我们不应该只使用一种方法吗?

1 个答案:

答案 0 :(得分:20)

在一般术语中,单选按钮和选择列表(下拉列表)之间没有这种特殊区别,但是,由于使用的屏幕空间与选项数量成比例,如果选项数量是在 2到7 之间,网页设计师使用单选按钮,对于八个或更多选项,他/她使用下拉列表或单选列表。

设计时要记住的另一件事是:如果在大多数情况下建议大多数用户使用默认选项,单选按钮可能会比必要时更多地关注选项。 如果您不想引起对选项的注意,或者您不想鼓励用户进行更改,请考虑使用下拉列表。 下拉列表侧重于当前选择,而单选按钮则同等强调所有选项。

复选框和多选下拉列表也是如此。