表达有据 · 学习专题
表单占位提示:示例不能代替字段标签
输入框里的浅色示例只说明怎么填,不是已提交的答案,也不应替代字段名称。用清晰标签、格式说明和必要的示例,让填写者知道需要提供什么。
本站编写 · 文中情境为虚构练习
标签、占位文字与实际值不同
标签告诉人“这是什么字段”,如“期望交付形式”。占位文字举例说明,如“例如:一页提纲”。实际值则是使用者输入并准备提交的内容。
W3C WAI的表单说明指出,占位文字在输入时会消失,不能替代标签。应把持续需要查看的说明放在字段附近,并与控件建立可访问的关联。
把“想要xx”改成可理解的表单
虚构不佳提示:“想要xx”。填写者可能不知道要替换哪部分,也不清楚xx代表物品、文件还是服务。
虚构改写:标签写“你希望获得什么”;说明写“请描述结果的名称与形式”;占位举例写“例如:一页读书会讨论提纲”。若必须填写,应在标签中明确标识。
字段报错时说明哪里需要修改,例如“请写明结果名称”;不要只给一个红色边框。本站需求工具将空白显示为待确认,因此不假装已收集完整需求。
用填写者视角复核
开始输入后,还能看到字段名称吗?示例会不会让人以为已经填写?必填与可选是否清楚?键盘能否依次到达控件?
这些检查帮助发现常见问题,不能代替完整的可访问性审查。本文依据W3C说明解释表单提示,不把日常聊天中的xx和HTML属性混为同一概念。
本页问答
placeholder里的示例会自动提交吗?
HTML占位提示本身不是输入值;具体应用若额外写了默认值,则应清晰区分。
为了省空间可以只保留占位文字吗?
不建议。输入后提示消失会让人失去字段上下文,应保留标签和必要说明。
资料来源与适用范围
- W3C WAI:Form Instructions
支持占位文字不能代替标签、字段说明应持续可理解的说明。
资料核对:2026-09-10。本站独立编写,引用不代表机构认可或合作。