单选按钮
清晰简洁地收集单选选项。从简单的“是/否”问题到具有灵活布局、自定义选项和智能功能的复杂多选题,“单选按钮”字段可确保用户从列表中准确选择一个答案。
非常适合单选题
完美的:
适用于各种用例的强大功能
🎨 灵活的布局选项
三种专业布局:
- 垂直堆叠式——选项每行显示一个,垂直堆叠。这是长选项标签最传统、最易读的布局。
- 水平(内嵌)——选项并排显示为一行。非常适合简短的标签和紧凑的表单。
- 网格(两列)——选项以两列网格形式排列。既节省空间,又能保持可读性。
选择依据:
- 垂直式:长选项标签、详细选择、传统形式
- 横向:2-5 个简短选项(是/否,男/女等)
- 网格:4 种以上中等长度选项,均衡布局
响应行为:
所有布局都会自动适应移动屏幕,必要时会垂直堆叠,以获得更好的触摸交互体验。
🎲 随机选项顺序
调查等级随机化
每次表单加载时都随机打乱选项顺序。消除调查、民意测验和研究表单中的立场偏差。
为什么要随机化?
- 防止调查中的顺序偏差。
- 确保公平的选择分配
- 专业研究方法
- 提高数据质量
完美:
- 调查表格和问卷
- A/B 测试和研究
- 投票和表决
- 偏好研究
明智的行为:
即使主要选项随机化,“其他”和“以上皆非”等特殊选项也可以保留在底部。
❌ “以上皆非”选项
显式非选择
在列表末尾添加“以上皆非”或“不适用”选项。这样用户就可以清楚地表示没有选项适用。
为什么要包含这一项?
- 防止强制选择。
- 提高数据准确性
- 涵盖所有方面
- 降低表单放弃率
完美:
- 可选的偏好问题
- “选择所有适用项”式问题
- 资格审查员
- 兴趣选择
智能定位:
“无”选项始终显示在最后,与常规选项形成明显的区别。
🔧 轻松管理选项
完全掌控选择:
- 添加选项——输入并点击“添加选项”或按回车键。几秒钟即可创建您的列表。
- 编辑选项 – 分别更新显示文本(用户看到的内容)和值(提交的内容)。
- 重新排序选项 – 使用上下箭头键按最佳顺序排列选项。
- 删除选项 – 一键移除选项。所有选项均非永久性的。
显示与价值:
- 标签:用户看到的内容(例如,“优质服务”)
- 值:存储在数据库中的内容(例如,“excellent_service”)
大型建筑:
通过输入、按 Enter 键、再输入、再按 Enter 键,即可快速添加多个选项——快速创建长列表的选项。
✅ 默认选择
预先选择一个选项
选择表单加载时默认选中的单选按钮。引导用户选择常用答案或突出显示推荐选项。
用例:
预先选择最常见的答案以加快完成速度
突出显示推荐选项(例如,“最佳性价比”方案)
设置默认协议选项(接受的条款)
引导用户做出首选
或者没有默认值:
所有选项均保持未选中状态,要求用户主动做出选择。非常适合需要用户有意识地做出选择的问题。
✏️ “其他”选项(带文本输入)
自定义答案集
添加一个“其他”选项,选中后会显示一个文本输入框。如果预设选项都不合适,用户可以在这里输入自己的答案。
可自定义标签:
- 请根据您的需要更改“其他”标签文本:
- “其他(请具体说明)”
- “其他东西”
- “自定义答案”
- “未列出”
如何使用:
当用户选择“其他”时,会立即出现一个文本框,供其输入自定义回复。“其他”选项及其输入的文本都会被提交。
用例:
- 您是如何得知我们的?(通过自定义推荐来源)
- 产品偏好(未列出选项)
- 包含“其他问题”的反馈类别
- 任何无法涵盖所有可能性的清单
🔀 条件逻辑
动态单选按钮可见性
根据表单其他值显示或隐藏单选按钮字段。创建能够适应用户选择的智能表单。
高级逻辑规则:
- 与逻辑——所有条件必须满足
- 逻辑或 – 任何条件都可以触发该操作
- 8 个运算符——等于、不等于、大于、小于、包含、为空等等
用例:
- 仅当选择产品类型时才显示产品选项
- 当配送方式为“快递”时,显示配送偏好设置
- 订单总额低于 100 美元时隐藏分期付款选项
- 根据初始答案提出其他问题
🎯 提升用户体验
内置智能功能:
- 单选强制执行——一次只能选择一个选项(单选按钮的标准行为)
- 必要验证——设置必填选项,并提供清晰的错误信息
- 键盘导航 – 方向键可在选项之间移动,方便用户使用。
- 自定义 CSS 类 – 应用自定义样式以匹配您的品牌
- 辅助功能支持 – 支持 ARIA 标签,兼容屏幕阅读器
- 移动设备优化——触控友好,点击目标更大
- 视觉反馈——清晰指示所选选项
- 帮助文本支持 – 添加描述以阐明选项
三步简单设置
几分钟内即可准备好您的单选按钮字段
添加单选按钮字段
将“单选按钮”字段从“基本字段”部分拖放到表单中。
添加您的选项
输入选项标签,然后点击“添加选项”来创建列表。使用箭头重新排序,并根据需要编辑标签和值。
选择布局和功能
选择布局样式(垂直、水平或网格),可选择添加“其他”选项或“以上皆非”,并可根据需要设置默认选择。
🎉完成!您的单选按钮已准备就绪,可以进行单项选择。
实际应用
完整字段选项
基本配置
- 字段标签 – 单选按钮上方显示的问题或标题
- 描述/帮助文本 – 为用户提供的额外指导
- 必填字段 – 设置为必填
- 占位符 – 不适用于单选按钮
版面设计与呈现
- 布局样式
- 垂直(堆叠)——每行一个
- 水平(并排)——并排
- 网格(2列)——均衡布局
单选按钮选项
- 添加选项 – 创建您的选择列表
- 显示文本 – 用户看到的内容
- 值——表单提交的内容
- 重新排序——上下移动选项
- 删除 – 移除选项
默认选择
默认选中值 – 预先选择一个选项,或留空表示无默认值
特殊选项
- 添加“其他”选项 – 允许自定义文本输入
- 其他选项标签 – 自定义“其他”文本(默认值:“其他(请具体说明)”)
- 添加“以上皆非”选项——在末尾添加明确的不选择选项。
高级功能
随机排序 – 以随机顺序显示选项(可用于调查,防止顺序偏差)
条件逻辑
- 启用条件逻辑——根据条件显示/隐藏
- 逻辑类型
- 所有条件必须满足(并且)
- 任何条件均可满足(或)
- 条件规则
- 显示/隐藏 – 要采取的操作
- 字段 – 要检查哪个字段
- 运算符 – 等于、不等于、包含、大于、小于、为空、不为空
- 价值 – 比较值
- 多重条件 – 添加无限条规则
其他选项
- 隐藏字段 – 将字段设为不可见,但将选定的值包含在提交内容中
- 自定义 CSS 类 – 应用自定义样式
- 辅助功能属性 – ARIA 标签和描述

为什么选择我们的单选按钮字段?
✅ 灵活的布局 垂直、水平或网格状排列
✅ 调查特征 – 随机排序以获得无偏结果
✅ 用户友好 – “其他”选项用于自定义答案
✅ 完全控制 轻松添加、编辑、重新排序、删除选项
✅ 智能默认设置 – 预先选择常用或推荐选项
✅ 专业 – 对于正规调查,选项应为“以上皆非”。
✅ 移动优化 – 触控友好,点击目标精准。
✅ 残疾人 – 键盘导航和屏幕阅读器支持
✅ 完全集成 – 与所有表单功能无缝协作
常見問題解答
问:单选按钮和复选框有什么区别?
单选按钮只能选择一个选项,复选框可以多选。单选按钮用于“选择一个”,复选框用于“选择任意选项”。
问:用户可以更改他们的收音机选择吗?
是的。选择一个新的单选按钮会自动取消选择之前的按钮。
问:何时应该使用竖版布局,何时应该使用横版布局?
对于较长的列表或较长的标签,请使用垂直布局;对于较短的两到三个选项集,请使用水平布局;对于中等大小的选项组,请使用网格布局。
问:如何选择“其他”选项?
选择“其他”将显示一个文本框,用户可以在其中输入自定义答案。选择项和文本都会被提交。
问:随机排序有什么作用?
每次表单加载时,选项顺序都会改变,以减少回答中的偏差。
问:我应该设置默认选项吗?
如果您想加快完成速度或引导用户,请设置一个选项。如果您需要用户自行做出选择,请留空。
问:“以上皆非”选项是做什么用的?
它允许用户表示没有列出的选项适用,从而提高准确性并防止强制回答。
问:我可以设置不同的显示文本和提交值吗?
是的。显示文本会显示给用户,提交内容中存储的值可以更清晰、更有结构。
问:如何重新排列单选按钮选项?
使用每个选项旁边的上下箭头,将它们移动到你喜欢的顺序。
问:单选按钮是必填项吗?
是的。启用“必填字段”后,用户必须先选择一个选项才能提交。
问:单选按钮在移动设备上能用吗?
是的。它们采用触控式控制,并且在小屏幕上会自动垂直堆叠。
问:单选按钮可以使用条件逻辑吗?
是的。根据使用“等于”或类似条件选择的选项来显示或隐藏字段。