单选框Radio
回复方式只能选一种，怎样让界面本身就守住这条规则？
先认识表单
单选框组表示一组互斥选项：同组至多选中一个。原生 radio 通常通过共同的 name 建立分组，各选项有独立值，整组还应有描述选择问题的名称。
选了电话，就不再同时选邮件。不是两个独立开关，而是同一个问题的不同答案。
一张单程票选择一个出发班次，换成下一班就不再保留上一班作为同一次行程的选择。
类比到这里为止：是否允许暂时不选、是否提供默认答案由任务决定；单选本身不代表必须预先替用户选好。
询盘只指定一种首选回复方式，把邮件和电话放在一个组。另一个“感兴趣的资料”问题若能多选，应使用复选框。
一组数据应怎样表达
- 组名
- 首选回复方式，说明正在回答什么。
- 选项标签
- 邮件、电话，用用户能理解的词。
- 保存值
- 例如 email / phone，按稳定值记录而非画面中的第几个。
试着只用键盘切换
进入下面的回复方式组，用方向键选择另一项，再观察结果只保留一个值。紧接着勾选两种资料，对比多选结果为何是多个值。
回复方式只能选一种，怎样让界面本身就守住这条规则？
可以操作，也可以重试。数据为虚构示例，不连接真实业务系统。
正在准备当前演示，正文可以继续阅读。
继续看项目应用与交付检查
单选框 在项目中负责什么
- 什么时候用
- 选项较少、需要同时比较且答案互斥时。
- 它解决什么
- 把单选约束直接呈现在交互里，减少到提交后才纠正多选的困扰。
- 它不负责什么
- 两个形似圆圈的图标不会自动互斥。多组选项也不能共用同一个组名，否则会互相取消。
- 放进真实项目
- 让客户选择询盘目的：样品、批量采购或技术咨询。
单选框适合在少量互斥选项中让用户做一个清楚选择
询盘人是贸易公司还是终端买家、希望邮件还是 WhatsApp 回复，选项有限且只能选一个。
- 01
选项控制在可快速比较的数量。
- 02
让标签可点击而不只小圆点。
- 03
为必选项提供清楚错误提示。
一个问题，一组选项，一次保留一个答案。
容易混淆的地方
方向键在标准单选组里通常会移动并改变选择；不要把选项做成只能用鼠标点击的装饰。
一条询盘只能指定一种首选回复方式：邮件或电话。怎样表达这个约束？
你可以这样告诉 AI Agent
“
我在处理这件事：让客户选择询盘目的：样品、批量采购或技术咨询。请以“单选框”为主线，先说明它在这里负责什么、不负责什么；再列出必要输入、建议动作和可验证结果。用外贸独立站的业务语言回答，不确定的信息标为待确认。
内容依据与延伸
本站用原创中文解释把专业概念映射到外贸独立站；定义和机制继续以官方资料为准，业务例子再回到 外贸独立站询盘优化实战 验证。
本站整理说明：原创整理：Web 开发、产品设计、AI 协作与外贸独立站实践