使用单选按钮或下拉列表

时间:2010-05-10 17:32:27

标签: html semantic-markup

好吧,我很好奇HTML中的广播组和下拉列表的性质。我发现单选按钮很难设计,但我想为必需的字段设置元素的样式。我问了一个关于样式单选按钮的前一个问题,并给出了像文本框一样的边框颜色,例如:

<input type="text" style="border-color:#FF0000">
<input type="radio" style="border-color:#FF0000">

将样式应用于单选按钮以更改边框颜色不起作用。

我的问题是否有任何理由我不应该使用广播组的下拉列表?

5 个答案:

答案 0 :(得分:2)

下拉列表需要更多的工作(在用户方面)以找出可用的选项......并且无论如何都像收音机按钮那样风格迥异。

您可以尝试在包含无线电组的字段集上设置边框颜色。请记住也要使用一些other method for indicating required fields

答案 1 :(得分:2)

一个广播组将在您的表单上留下比下拉列表更多的空间,当然控件的外观也不同。我的经验法则是,如果有超过三个或四个选项,请使用下拉列表。

答案 2 :(得分:0)

大多数用户(主要包括没有计算机背景的人和老年人)非常熟悉单选按钮,以回答类型是/否,男/女等问题。为方便用户使用收音机这个问题的按钮。

答案 3 :(得分:0)

使用下拉列表,可用选项在用户交互(单击它)之前对用户不可见。使用单选按钮,所有可用选项都在用户面前。虽然两者都允许您将选择选项限制为一个选项,但我发现用户可以使用单选按钮更快地决定他们想要哪个选项。如果它超过5个选项,我会重新考虑。

答案 4 :(得分:0)

ux.stackexchange上的相关问题。

当一个选项被视为“更重要”时,使用下拉列表,并且替代方案可以隐藏用户,例如,在美国选择状态用户居住在一个州,并且替代选择无关紧要。当用户访问表单项时,他们确切地知道要选择什么而不查看备选方案。

另一方面,当选项同等重要时,使用单选按钮,或者用户在进行选择之前需要查看所有选项,例如,按1到5的等级评分,或者选择答案选择多项选择问题。

要考虑的另一个因素是屏幕不动产:您不希望单选按钮选择50个状态中的一个,并且您可能不希望选择性别的下拉列表(男性或女性) 。根据您的设计和理念,这个因素可能会或可能不会胜过上述因素。