Html 使用单选按钮或下拉列表

Html 使用单选按钮或下拉列表,html,semantic-markup,Html,Semantic Markup,嗯,我很好奇HTML中广播组和下拉列表的性质。我发现单选按钮很难设置样式,但我想为必填字段设置元素的样式。我之前问了一个关于单选按钮样式和边框颜色的问题,比如: <input type="text" style="border-color:#FF0000"> <input type="radio" style="border-color:#FF0000"> 将样式应用于单选按钮以更改边框颜色无效 我的问题是,我有什么理由不在广播组中使用下拉列表吗?下拉列表需要(用户

嗯,我很好奇HTML中广播组和下拉列表的性质。我发现单选按钮很难设置样式,但我想为必填字段设置元素的样式。我之前问了一个关于单选按钮样式和边框颜色的问题,比如:

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

将样式应用于单选按钮以更改边框颜色无效


我的问题是,我有什么理由不在广播组中使用下拉列表吗?

下拉列表需要(用户方面)做更多的工作,才能找到可用的选项……而且无论怎样,它的样式都和单选按钮一样有趣


您可以尝试在包含无线电组的字段集上设置边框颜色。不过,请记住也要使用一些。与下拉列表相比,广播组在表单上占据的空间更大,当然,控件的外观也会有所不同。我的经验法则是,如果有三个或四个以上的选择,请使用下拉列表。

大多数用户(主要包括没有电脑背景的人和老年人)都非常熟悉单选按钮来回答是/否类型的问题,男性/女性等。为了方便用户,请使用单选按钮回答此类问题。

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

相关问题

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

另一方面,当选择都同等重要,或者用户在做出选择之前需要查看所有选项时,请使用单选按钮,例如,在1到5的范围内评分,或者在多项选择题上选择答案

另一个需要考虑的因素是屏幕不动产:你不需要单选按钮来选择50个州中的一个,你可能也不需要下拉列表来选择性别(男性或女性)。根据您的设计和理念,该因素可能会或可能不会超过上述因素