placeholder适用标签范围及使用指南

placeholder 属性仅适用于可编辑的单行文本输入元素（如 input[type="text"] 和 textarea），对 number、date、select 等标签完全无效，且不具备可访问性——屏幕阅读器通常忽略它，不能替代 label 或充当默认值；它只是临时视觉提示，用户输入即消失，不参与表单验证、重置或提交逻辑，同时在 disabled/readonly 状态下常不可见，并存在 IE9 及旧版 iOS Safari 的兼容性问题；正确实践是始终配对使用 label，辅以 aria-describedby 或 JS 动态提示，而非依赖 placeholder 承担语义或功能职责。

哪些 HTML 标签支持 placeholder 属性

placeholder 不是所有表单标签都能用，它只对可编辑的、单行文本输入类元素有效。浏览器会忽略在不支持的标签上写的 placeholder —— 不报错，也不显示，容易误以为写错了。

明确支持的标签有：

• <input type="text">
• <input type="search">
• <input type="tel">
• <input type="url">
• <input type="email">
• <input type="password">（部分老版本 iOS Safari 有渲染异常）
• <textarea>

常见误用场景：<input type="number">、<input type="date">、<select>、<input type="checkbox"> 都不支持 placeholder。加了也白加，别指望它显示出来。

placeholder 的文字到底算不算“可访问内容”

它不是 label，也不是辅助技术（如屏幕阅读器）默认播报的内容。多数屏幕阅读器默认跳过 placeholder，用户可能根本不知道该填什么。

正确做法始终配 ：

<label for="username">用户名</label>
&lt;input type=&quot;text&quot; id=&quot;username&quot; placeholder=&quot;请输入手机号或邮箱&quot;&gt;

如果实在要用提示文字引导格式（比如“示例：admin@example.com”），建议改用 或 aria-describedby 关联说明段落，而不是依赖 placeholder。