单选按钮输入
它让用户在一组互相排斥的选项中只选一个,并始终显示全部可选项。
- 一组圆圈里只能点一个
- 点这个另一个就会取消的圆点
- 只能选一个答案的小圆圈
- 单选框
- 互斥选项
- 圆形选择框
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web原生支持
桌面与移动端现代浏览器
Radio Button
<input type="radio">
iOS需自己实现
iOS / iPadOS
Radio Button
苹果移动平台没有通用圆形单选按钮,常用列表勾选、菜单或分段控制器表示互斥选择。
通常怎么做:选项少且并列时用 Picker 的分段样式;选项多时用列表行和对勾。
Android原生支持
Android 手机 / 平板
Radio Button
Compose Material 3: RadioButton
使用规范
什么时候用
- 选项数量不多、只能选一个,并且用户需要比较所有选项
什么时候别用
- 允许多选时不要用;选项很多会占满页面时改用选择菜单
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。