placeholder属性是html5原生支持的最简单占位符方案，适用于text、email、search、tel等输入类型及textarea，文字不提交且不影响验证，ie9及以下不支持textarea的placeholder，css可自定义样式，禁用value模拟。
用 placeholder 属性就能给文本框添加占位符，这是 HTML5 原生支持的最简单方式。
直接在 input 标签中添加 placeholder 属性
只需在 <input> 标签里写上 placeholder="提示文字"，浏览器就会在输入框为空时显示灰色提示文字：
<input type="text" placeholder="请输入用户名">- 支持所有文本类输入类型，比如
text、email、search、tel等 - 占位符文字不会提交到服务器，也不影响表单验证逻辑
textarea 也能用 placeholder
多行文本框同样适用：
<textarea placeholder="请在这里输入反馈内容..."></textarea>- 注意：IE9 及更早版本不支持
textarea的 placeholder，如需兼容可考虑 JavaScript 方案
自定义 placeholder 样式（可选）
默认是浅灰色，可用 CSS 调整颜色、字体等：
- Chrome / Safari / Edge（新版）：
::placeholder - Firefox：
::-moz-placeholder - 完整写法示例：
input::placeholder { color: #666; font-style: italic; }
不推荐用 value 模拟 placeholder
有人会写 <input value="提示文字"> 再靠 JS 清空，这种方式有明显问题：
- 用户没输入就提交，提示文字会当作真实数据发送
- 无法区分“用户真的输入了提示文字”和“还没输入”
- 失去原生 placeholder 的语义和无障碍支持（如屏幕阅读器识别）
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
