单选按钮有哪些替代方案?

时间:2011-02-09 10:50:28

标签: html css radio-button user-experience

我很长时间没有看到任何单选按钮。它们是否真的被使用了,如果是的话,它们在哪里使用和使用它们?

单选按钮的最佳替代方案是什么?您可以使用什么而不是单选按钮?

6 个答案:

答案 0 :(得分:6)

在我在网上找到一个单选按钮之前,我只需要查看GMail帐户中的“设置”页面。

在HTML文档中提供简单“从众多选择中选择”选项的唯一其他窗口小部件是<select>元素。

您也可以使用多个提交按钮获得相同的效果 - 但您同时提交表单,因此并不总是合适(虽然适用于“预览”或“保存”决策)。

答案 1 :(得分:4)

单选按钮仍然常用于网站。

除了它们之外别无选择,具有相同的功能和相同的易用性。

答案 2 :(得分:2)

单选按钮的替代方法是复选框和下拉框。在以下情况下将它们用于替代方案:

  • 必须选择一个答案
  • 有三个或更少(一次4个) 可能的答案

或者更清楚地区分是/否字段而不是单个复选框

答案 3 :(得分:0)

您可以使用jquery ui例如: http://jqueryui.com/demos/button/#radio

如果您厌倦了普通的旧单选按钮,那么这是一个不错的选择;)

答案 4 :(得分:0)

直接没有单选按钮的选择。 [据我所知]。

但您可以使用images取代单选按钮。在大多数情况下,您可以使它们以与单选按钮相同的方式运行,并且可以将它们设置为您想要的任何大小。


如果我有一个选择,我肯定会使用简单的单选按钮,而不是实现其替代方案。单选按钮在所有浏览器中都非常兼容,因此我建议您不要尝试任何替代方法,只需使用默认情况下的内容。

答案 5 :(得分:-1)

凯普悲伤地说:“单选按钮仍然常用于网站上”! 以https://protect.login.yahoo.com/login/set_pref为例 单选按钮是XHTML和HTML5的标准配置。

但是今天,现代设计更像是使用复选框或下拉框。