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

更多信息可以在這個UX討論here

通過W3描述爲短提示找到。

placeholder屬性表示旨在幫助用戶在控件沒有值時輸入數據的簡短提示（單詞或短語）。提示可以是樣本值或預期格式的簡要描述。該屬性（如果指定）必須具有不包含U + 000A LINE FEED（LF）或U + 000D CARRIAGE RETURN（CR）字符的值。

另請參見：Placeholders in Form Fields Can Be Harmful

忽略字harmful，這是一個正常的非常正常的文章數據在某些部分支持：

在上下文說明或提示能幫助澄清走了進去每個表格字段，並因此提高完成率和轉換率。位於表單域內的佔位符文本是附加提示，說明或特定字段所需信息的示例。當用戶輸入字段時，這些提示通常會消失。

本文還建議將表單字段以外的提示放在表單字段（如果有保證的話）或空間可用時。

最終，自適應佔位符提供比標籤作爲佔位符更好的用戶體驗。但是，如果您擁有屏幕空間，將標籤和提示放在場外仍然是最好的選擇。