你可能会说
输入框里那行灰色的提示文字，用户一开始输入就消失了，那个叫什么？
占位符是输入框内的灰色提示文字，暗示用户该输入什么内容，聚焦输入后消失。
输入框里那行灰色的提示文字（如「请输入邮箱」），你一打字它就消失。告诉用户这里该填什么。
生活类比
像表格上印的浅灰色示例字——提醒你格式，但你一写就被覆盖。
🎮 动手试试
👇 输入内容观察 placeholder 消失
关于「占位符」，以下哪个描述最准确？
你可以这样告诉 AI
帮我给表单加 placeholder：邮箱框显示「[email protected]」，密码框显示「至少 8 位」，搜索框显示「搜索术语...」。
Label 始终可见（在输入框上方/旁边），Placeholder 输入后就消失了。重要提示用 Label。
默认值是真实的初始值（会被提交），Placeholder 只是提示（不会被提交）。
暗示输入格式
输入框里放灰色示例文字（如「[email protected]」），让用户一眼知道该填什么、什么格式。
和 AI 协作时
想让 AI 加提示文字时，直接说「邮箱输入框的 placeholder 写 [email protected]，密码框写至少 8 位」。
替代 Label 标签
只用 placeholder 不用 <label>，用户输入后提示消失就忘了要填什么，无障碍也有问题。
与表单无关的项目
不需要用户输入的纯展示页面、后端服务等完全用不到 placeholder。
输入框里那行灰色的提示文字（如「请输入邮箱」），你一打字它就消失。告诉用户这里该填什么。
像表格上印的浅灰色示例字——提醒你格式，但你一写就被覆盖。
和 AI 沟通时提到「输入框里加个提示文字」，加的就是 placeholder。