placeholder 是 HTML 表单控件的原生属性，仅对 input（非 hidden/button/submit）和 textarea 有效，不支持 select 或 div/span 等标签；它仅作展示，不影响 required 校验，不可替代 label 或 value，样式需用 ::placeholder 伪元素控制，且无障碍支持弱，不能代替语义化 label。
placeholder 属性写在 input 或 textarea 里才生效
placeholder 不是独立组件，也不是 JS 方法，它只是 HTML 表单控件的原生属性。写在 <div>、<code><span></span> 或自定义标签上完全没用，浏览器会直接忽略。
- 只支持
<input>（type不为hidden、button、submit等）和<textarea></textarea> -
<select></select>不支持 placeholder；想实现类似效果得用 JS 模拟或加一个带disabled的首选项 - 如果用了 Web Component 封装输入框，要确保内部透传
placeholder到真实<input>上
placeholder 文本不会触发 required 校验
placeholder 是纯展示文案，跟表单验证逻辑完全无关。用户没输内容但 placeholder 还在，required 依然会报错 —— 这不是 bug，是设计如此。
- placeholder 不算「已填写」，清空输入框后提交，
required仍会拦截 - 别用 placeholder 替代默认值；需要预填内容请用
value（input）或innerHTML（textarea） - 若想“占位文本 + 可提交”，得配合 JS 监听
input或blur事件做状态管理
placeholder 样式只能用 ::placeholder 伪元素控制
它的颜色、字体、透明度等无法通过普通 CSS 类直接设置，必须用标准伪元素选择器，且各浏览器前缀不统一。
- 现代写法：用
::placeholder（Chrome 57+、Firefox 51+、Safari 10.1+） - 兼容旧版需补全：
::-webkit-input-placeholder、::-moz-placeholder、:-ms-input-placeholder - 注意：
::placeholder不能继承父级 font-size，必须显式声明；opacity 默认是 0.5 左右，容易看不清
placeholder 在无障碍访问中容易被忽略
屏幕阅读器对 placeholder 的支持很弱：多数只读一次，焦点移入后就不再播报，也无法作为 label 的替代项。
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
- WCAG 要求每个表单控件必须有可编程关联的 label，
<label for="xxx"></label>或包裹写法 - placeholder 不能代替
<label></label>，否则视障用户可能根本不知道这个框要填什么 - 如果 UI 真没空间放 visible label，至少用
aria-label或aria-labelledby补充语义
最常被漏掉的是语义缺失——placeholder 看得见，但对依赖语音或键盘导航的用户来说，它基本等于不存在。
