HTML标签中radio（收音机）为什么用来表示单选框

今天在学习HTML的属性标签，大部分标签从名称就可以知道含义，比如text是单行文本输入，password是密码输入，checkbox是复选框。但是其中有个radio是单选框的意思，这让我很困惑🤨：

radio不是收音机的意思吗？好像并没有“单选”的含义啊。

于是查找了一下，答案如下⬇️

1. 历史背景：从物理设备到网页

收音机的启发：

早期的收音机（Radio）有多个频道按钮，但每次只能选择一个频道播放。这种「一组中仅选一个」的交互模式被早期的网页设计师借鉴到了表单控件中。简化用户认知：

互联网的先驱者希望通过用户熟悉的物理设备名称来降低学习成本。既然收音机的按钮是单选的，就用 radio 来命名网页中的单选按钮。

2. 为什么名称与功能看似矛盾？

功能优先级：

虽然名称来自「收音机」，但网页中的核心需求是区分「单选」和「多选」。checkbox（复选框）对应多选，而 radio 则自然承担了单选的角色。约定俗成：

HTML 标准的设计原则之一是「向后兼容性」。即使名称存在歧义，一旦广泛接受（如 radio 表示单选），就不会轻易更改。

3. 其他标签的命名逻辑

直观命名：

大多数 HTML 标签的 type 属性名称与功能直接相关，例如：

text: 文本输入框password: 密码输入框button: 按钮email: 邮箱地址输入框

例外与特殊情况：

radio 是少见的例外，但它并非唯一特例：

submit: 提交按钮（功能动词）image: 图片按钮（功能+形态）

4. 如何记忆这个知识点？

联想记忆法：

将 radio 单选按钮想象成「收音机的换台按钮」——只能切换到一个频道（选项）。对比学习：

对比 checkbox（复选框，类似「多选开关」）和 radio（单选按钮，类似「单选开关」）。

总结

名称来源：radio 的命名源自物理收音机的单选按钮，而非收音机功能本身。设计逻辑：HTML 标签的命名优先满足功能需求和用户认知习惯。学习技巧：遇到类似困惑时，可以通过追溯互联网历史或物理设备的交互模式来理解。