单选按钮设置为被选中状态_一篇文章弄懂单选框

本文详细介绍了单选框的发展历史、使用场景和行为交互,包括何时使用单选框、选项设计原则、默认选项设置、选项排序、排列对齐方式、交互区域、文字标签和状态管理。通过理解这些指导,可以更好地设计和应用单选框。
摘要由CSDN通过智能技术生成

单选框是非常常见的表单元素。它通常被用来从一组互斥的相关选项中选择一个单独的选项。当点击一个未选中的单选框时,它会被选中,其他按钮则会变成未选中状态。

发展历史

单选框的命名(Radio)来源于旧收音机上的物理按钮,当时被用来在频率和预置电台之间切换。当一个按钮被按下时,所有其他的按钮都会弹出,使被按下的按钮成为唯一处于“按下”状态的按钮。

3f8cb337c4e52d96f5e956aacc5b5199.png

该概念后来被用在磁带录音机、盒式录音机以及大名鼎鼎的“随身听”上。

e1e43ba19f3035b09b042d0f1022c640.png

计算机出现之后,施乐公司提出了(GUI)的概念, Xerox Star 8010工作站是第一个在图形用户界面上使用单选框的设备。

b6a2643fe86a33395a25299d17b5b0ac.png

后来被Apple Lisa,Apple Macintosh以及Microsoft Windows采用,成为了标准的用户界面组件,一直沿用至今。

c4e66274426643e34acb90fc7c062616.png

何时使用

1.当用户需要在一组互斥的选项中进行单一选择时使用单选框;如果要进行多个选择&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值