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 标签的命名优先满足功能需求和用户认知习惯。
• 学习技巧：遇到类似困惑时，可以通过追溯互联网历史或物理设备的交互模式来理解。