占位文字Placeholder
你可能会说
邮箱输入框的占位文字写成 you@example.com 这样的示例格式，标签「邮箱」要一直显示，不能只靠占位文字。
占位文字是输入框里的灰色示例，告诉你该填什么格式；一开始输入就消失。例如邮箱输入框里灰色的 you@example.com，是在演示「填成这个样子」；你打进第一个字它就退场了。它和标签分工不同：标签写在输入框旁边，一直都在；占位文字只负责开场的示范，不能代替标签——一旦开始输入，占位消失，只有标签还告诉用户这个框是填什么的。
也常被叫作占位符输入框提示文字输入提示
输入框空着、正在打字、只做占位——三种情况
有标签 + 有占位（正确做法）灰色示例在示范格式
you@example.com
只有占位、没有标签
you@example.com
看起来还行……标签一直在，占位只负责开场占位文字不能代替标签，也不能承载「必填」规则。
它和标签各管什么
示范格式：占位文字最好的用法是演示格式：日期框里灰色的「2026-03-12」、邮箱框里的 you@example.com，用户一眼知道该填成什么样。
不承担说明职责：一旦用户开始输入，占位就消失了。如果框是什么只写在占位里，填到一半就忘了——这个职责归标签。
别把它当必填提示：「必填」要靠标签旁的星号或明确文字；占位文字是灰色示例，用户经常跳过不读，不能承载规则。
你可以这样告诉 AI Agent
每个输入框都要有一直显示的标签；占位文字只用来示范格式，比如邮箱框里写 you@example.com。填完之后我仍然要能看清每个框是填什么的。
接下来学什么
延伸阅读 · 权威出处
快速练习