這篇譯文來自Andrew Coyle

占位符文本幾乎可以為所有的HTML輸入區域提供指示，但有時也會誤導設計師和開發者。為復雜的表單提供文字提示，同時又可以省略標簽來提高美觀度，這些聽起來很誘人。但是，使用占位符文本做這些事情會導致許多可用性問題。

本文將介紹占位符使用中的常見不妥做法，并給出替代方案。

錯誤示例

占位符作為標簽文本

在輸入框上方放置標簽，而不是使用占位符作為標簽

為了縮短表單的長度或者減少視覺噪音，設計師有時會使用占位符文本作為輸入標簽。這種辦法會給用戶帶來記憶負擔，因為用戶單擊或鍵入時，標簽就會消失。必須要清楚輸入才能再次顯示標簽。

最好在輸入框的上方放置標簽。空白的輸入字段用于輸入數據的提示。用戶通過查看輸入框中的提示來決定需要采取的行動。

需要將示例文字外置于輸入框，而不是使用占位符

提供輸入框的示例文字有助于用戶理解需要輸入的內容。但是如果使用占位符文本來來作為示例內容會導致問題，比如說，點擊瞬間示例文字會消失，已有占位符文字與輸入內容相混淆等。可以將示例文字放在輸入框下方作為替代。

讓二級標簽作為標簽顯示，而不是以占位符方式出現。

使用占位符作為二級標簽看起來很具吸引力，如上如所示。但是如果使用常規的標簽，表單的可用性會增加。

如果按照前面的說明更換占位符，將會減少表單的可用性問題。但是如果說因為一些原因，你不得不使用占位符的話，注意以下幾點：

讓占位符文本以淺色文字顯示，以此來區分它與輸入文字

用戶是在填寫一個空的條目。一個空白的輸入框是輸入文字的前提條件。占位符文可能會影響用戶的輸入操作，這一影響特別是在占位符的顏色很明顯時，因為用戶可能會將其誤認為是自己之前輸入的條目。

如果占位符文字的顏色過淺，可能在某些屏幕上會看不清楚

如果占位符文字的顏色過淺，可能在某些屏幕上會看不清楚，導致用戶需要努力瞇眼去看

保持顯示占位符直到用戶開始輸入

如果僅在用戶鼠標聚焦到輸入框時，占位符就消失，會給用戶帶來記憶負擔。

通常來說，不使用占位符可以提升表單可用性。

想要了解與占位符文本更多的信息，請閱讀Katie Sherwin的報告。