Placeholder text 占位文字（Placeholder）
/PLAYS-hohl-der tekst/ · noun · 输入类模式 · #102
空输入框里的灰色提示文字，比如「搜索商品」「name@example.com」，一开始输入就消失。它用来示范内容或格式，不能代替标签，因为它恰好在用户需要的时候消失了。
别名：占位符、占位符文本、占位文字、提示文字、输入框提示语。
你可能会这样叫它
- “输入框里的灰色字”
- “一打字就消失的提示”
- “搜索框里的浅色文字”
- “输入框里的示例文字”
……它的名字是 占位文字（Placeholder）（Placeholder text）。
常见问题
占位符文本是什么？
占位符文本（placeholder）是空输入框里的灰色提示文字，用来示范要填什么或什么格式，一开始输入就消失。HTML 里是 placeholder 属性，Android 和 Flutter 叫 hint，SwiftUI 叫 prompt。它不能代替输入框的标签。
代码里叫什么
| Web (HTML / CSS) | placeholder="…" ::placeholder |
|---|---|
| SwiftUI | TextField(_:text:prompt:) |
| UIKit | UITextField.placeholder |
| Jetpack Compose | TextField(placeholder = { … }) |
| Android (Views) | android:hint |
| Flutter | InputDecoration(hintText:) |
复制给 AI 编程工具
检查这个页面上的表单输入框：每个输入框上方都要有可见的标签；占位文字只用来放简短的示例或格式提示，比如 name@example.com。必须让用户读到的规则（密码要求、日期格式）放在输入框下方的辅助文字里，而不是放在占位文字中。占位文字颜色的对比度要达到 4.5:1，并且永远不要把它当作唯一的标签。