【问题标题】:What are the alternatives for radio buttons?单选按钮有哪些替代品?
【发布时间】:2011-06-24 01:12:36
【问题描述】:

我已经很久没有看到任何单选按钮了。它们真的不再使用了吗?如果是,它们在哪里使用以及谁使用了它们?

单选按钮的最佳替代品是什么?您可以使用什么来代替单选按钮?

【问题讨论】:

  • 请澄清您的意思。您是指浏览器的本机单选按钮组件(有基于 Javascript 的替代品)还是单选按钮本身的概念(它是永恒的且不可替代的)?
  • @pekka 单选按钮表示 HTML 单选按钮,我想知道可以使用什么东西来代替 HTML 单选按钮。这很清楚吗?
  • 是的,它们无处不在。它们对 css 来说也有点痛苦。唯一更不一致的表单元素是文件上传输入。

标签: html css radio-button user-experience


【解决方案1】:

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

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

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

【讨论】:

    【解决方案2】:

    单选按钮在网站上仍然很常用。

    没有其他替代品,它们具有相同的功能和相同的易用性。

    【讨论】:

      【解决方案3】:

      单选按钮的替代品是复选框和下拉框。在以下情况下使用它们而不是替代品:

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

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

      【讨论】:

      • 组合框不是单选按钮集的替代品。它是一个提供下拉菜单和文本框的小部件,而 HTML 没有提供该功能的本机输入类型。您只能通过应用 JavaScript 来获得组合框。
      • 谢谢,我的意思是下拉。整个上午都在 Access 中工作(愚蠢的工作!!!)。改变了答案。
      【解决方案4】:

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

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

      【讨论】:

      • 该示例使用单选按钮。它只是使用 JavaScript 对它们进行严格的重新设计……并在我的浏览器中中断对它们的键盘访问。
      【解决方案5】:

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

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


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

      【讨论】:

      • 只要用户启用了 Javascript。
      • @Karpie: 是的,只要浏览器中没有禁用 javascript,你就是对的。
      【解决方案6】:

      正如 Karpie 悲伤的那样:“单选按钮在网站上仍然很常用”!
      https://protect.login.yahoo.com/login/set_pref 为例。
      单选按钮在 XHTML 和 HTML5 中是标准的。

      但今天,现代设计更倾向于使用复选框或下拉框。

      【讨论】:

      • 复选框仅在恰好有两个选项时才替代单选按钮。当有很多选项时,下拉菜单只是一个不错的选择 - 否则要点击菜单的成本,以查看选项太大了。 span>
      • 不是真正的替代品,因为两个复选框都可以选中,而单选按钮通常不能(如果它们被分组)
      猜你喜欢
      • 2012-12-18
      • 2010-11-01
      • 1970-01-01
      • 1970-01-01
      • 2010-09-25
      • 2011-02-19
      • 2010-10-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多