占位提示Placeholder
框里已有 buyer@example.com，为什么点击检查仍提示没有填邮箱？
占位提示是在输入值为空时展示的示例或短提示，不是实际字段值。开始填写后它通常消失，因此适合提供格式示例，不能独自承担持续的名称、限制和错误说明。
灰色示例是在告诉你“像这样填”，不是已经替你填好了。空着交上去，仍然是空的。
像练字格里的浅色参考字，告诉你形状，但不代表你已经完成了自己的填写。
类比到这里为止：网页能明确区分 placeholder 属性与 value。最终判断应看实际值，不凭颜色深浅推断。
邮箱提示用示例地址展示格式，真正回复只使用客户明确输入并经核对的地址，不能把示例地址当客户联系人。
三种文字分别是什么
- 标签
- 邮箱：这格的名称。
- 占位示例
- buyer@example.com：只在空输入时作参考。
- 实际值
- 由填写者输入的内容，才参与校验和后续处理。
先不填，再填，再清空
在下面直接检查空表单，观察收集到的邮箱为空；输入后提示消失但标签仍在；清空后示例重新出现。整个过程都不发送邮件。
框里已有 buyer@example.com，为什么点击检查仍提示没有填邮箱？
可以操作，也可以重试。数据为虚构示例，不连接真实业务系统。
正在准备当前演示，正文可以继续阅读。
继续看项目应用与交付检查
占位提示 在项目中负责什么
- 什么时候用
- 短小的格式示例能帮助首次填写，并且已有正式标签时。
- 它解决什么
- 在不预填真实答案的前提下，帮助用户理解期待的输入形式。
- 它不负责什么
- 重要的长度限制、用途和错误原因应在字段旁持续显示。输入以后需要回看时，不能只依赖消失的文字。
- 放进真实项目
- 在需求输入框中提示“例如：304 不锈钢阀门，预计 500 件”。
占位提示提供简短示例或格式提醒，不能替代标签和说明
邮箱框可示例 `name@company.com`，需求框可提示“产品、数量、目的地”；用户输入后这些提示会消失。
- 01
只写能帮助第一步输入的例子。
- 02
让规则和隐私说明保持在外部。
- 03
检查输入后用户仍能知道字段含义。
示例不是输入，空值仍是空值。
容易混淆的地方
把同样文字写入 value 会变成真实字段值；写入 placeholder 则不会，两种写法不是视觉上的随意替换。
邮箱框中显示 buyer@example.com，用户没有输入就点提交。后台应该把它当作什么？
你可以这样告诉 AI Agent
“
我在处理这件事：在需求输入框中提示“例如：304 不锈钢阀门，预计 500 件”。请以“占位提示”为主线，先说明它在这里负责什么、不负责什么；再列出必要输入、建议动作和可验证结果。用外贸独立站的业务语言回答，不确定的信息标为待确认。
内容依据与延伸
本站用原创中文解释把专业概念映射到外贸独立站；定义和机制继续以官方资料为准，业务例子再回到 外贸独立站询盘优化实战 验证。
本站整理说明：原创整理：Web 开发、产品设计、AI 协作与外贸独立站实践