单选框不支持placeholder属性，因其仅适用于文本类可编辑输入；实现未选提示需用label、JS校验或改用带disabled选项的select。

单选框（<input type="radio">）本身没有“未选中时的默认提示状态”这种内置功能。它只有 checked 属性来表示是否被选中，没有类似 placeholder 的提示文本支持。

为什么单选框不能用 placeholder

placeholder 属性只对 <input type="text">、search、email 等可编辑文本类输入有效，对 radio、checkbox、button 等无效——浏览器会直接忽略。

实现“未选择提示”的常用方式

要达到“用户还没选任何选项时给出提示”的效果，需借助其他 HTML 元素或 JS 逻辑，常见做法有：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 用 <label> 或额外 <span> 显示提示文字：在单选组上方或下方加一段说明，例如：<p class="hint">请选择一项</p>，JS 可根据是否选中来显示/隐藏或变色。
• 提交前校验 + 提示：表单提交时检查是否有 radio 被选中，没选则弹出提示或高亮提示区域。
  示例：
  const radios = document.querySelectorAll('input[name="gender"]');
const isSelected = Array.from(radios).some(r => r.checked);
if (!isSelected) alert("请至少选择一项");
• 用 disabled 的空 radio 模拟“未选中项”（不推荐）：比如加一个 <input type="radio" name="opt" value="" disabled> 并配文字“请选择…”，但它无法被选中，仅作视觉参考，且对无障碍不友好。

更友好的替代方案：改用 <select> 下拉框

如果业务上确实需要“占位提示”，<select> 更合适：
<select name="level">
  <option value="" disabled selected>-- 请选择等级 --</option>
  <option value="1">初级</option>
  <option value="2">中级</option>
</select>
这样用户打开下拉时第一项就是提示，且不可提交（因 value=""），JS 获取值时也容易判断是否为空。

不复杂但容易忽略：单选框的设计本意是“必须选其一”，所以提示逻辑应落在交互反馈（如校验、UI 状态）上，而不是试图给 input 本身加 placeholder。

立即学习“Java免费学习笔记（深入）”；