HTML 占位符标准

Question

我正在.net 中创建一个表单向导，部分要求是在表单字段中使用占位符文本以及表单旁边的标签。

例如我有

@Html.LabelFor(model => model.FullName) @Html.TextBoxFor(model => model.FullName, new { @class = "form-control", placeholder = "Full Name" })

或者提示我可以使用placeholder = "John Doe" 或placeholder = "ex: John Doe"

由于我使用的是向导，因此表单在多个选项卡上大约有 50 个字段用于数据输入，因此为每个字段使用占位符可能并不总是能明确需要什么，在这种情况下，我会多余地放置表单标签的名称一致性。因此，我正在重新考虑使用占位符。我担心考虑到字段的数量和占位符文本的可能无用/额外混乱，表单会更难查看。

对于给定不同表单设计的占位符文本，是否有适当的标准？

对于何时可以使用占位符文本，是否有可接受的用途？

Answer 1

更多信息可以在这个用户体验讨论here中找到

通过W3 描述为一个简短的提示。

占位符属性表示一个简短的提示（一个词或短语），旨在帮助用户在控件没有值时输入数据。提示可以是示例值或预期格式的简要描述。如果指定，该属性的值必须不包含 U+000A 换行 (LF) 或 U+000D 回车 (CR) 字符。

另请参阅：Placeholders in Form Fields Can Be Harmful

忽略harmful这个词，这是一篇普通的非常普通的文章，部分有数据支持：

上下文描述或提示有助于阐明每个表单字段中的内容，从而提高完成率和转化率。位于表单域内的占位符文本是特定域所需信息的附加提示、描述或示例。当用户在字段中键入时，这些提示通常会消失。

如果有必要，或者如果空间可用，文章还建议将提示放置在表单域之外。

最终，自适应占位符确实提供了比作为占位符的标签更好的用户体验。但是如果你有屏幕空间，将标签和提示放在字段之外仍然是最好的方法。