這篇譯文來自Andrew Coyle
占位符文本幾乎可以為所有的HTML輸入區(qū)域提供指示，但有時也會誤導設計師和開發(fā)者。為復雜的表單提供文字提示，同時又可以省略標簽來提高美觀度，這些聽起來很誘人。但是，使用占位符文本做這些事情會導致許多可用性問題。
本文將介紹占位符使用中的常見不妥做法，并給出替代方案。
錯誤示例
占位符作為標簽文本
在輸入框上方放置標簽，而不是使用占位符作為標簽
為了縮短表單的長度或者減少視覺噪音，設計師有時會使用占位符文本作為輸入標簽。這種辦法會給用戶帶來記憶負擔，因為用戶單擊或鍵入時，標簽就會消失。必須要清楚輸入才能再次顯示標簽。
最好在輸入框的上方放置標簽。空白的輸入字段用于輸入數據的提示。用戶通過查看輸入框中的提示來決定需要采取的行動。
占位符作為示例文字
需要將示例文字外置于輸入框，而不是使用占位符
提供輸入框的示例文字有助于用戶理解需要輸入的內容。但是如果使用占位符文本來來作為示例內容會導致問題，比如說，點擊瞬間示例文字會消失，已有占位符文字與輸入內容相混淆等。可以將示例文字放在輸入框下方作為替代。
占位符作為二級標簽
讓二級標簽作為標簽顯示，而不是以占位符方式出現。
使用占位符作為二級標簽看起來很具吸引力，如上如所示。但是如果使用常規(guī)的標簽，表單的可用性會增加。
如果按照前面的說明更換占位符，將會減少表單的可用性問題。但是如果說因為一些原因，你不得不使用占位符的話，注意以下幾點：
合理的占位符使用方式
占位符需要比輸入文字更淺
讓占位符文本以淺色文字顯示，以此來區(qū)分它與輸入文字
用戶是在填寫一個空的條目。一個空白的輸入框是輸入文字的前提條件。占位符文可能會影響用戶的輸入操作，這一影響特別是在占位符的顏色很明顯時，因為用戶可能會將其誤認為是自己之前輸入的條目。
占位符文本需要在不同的屏幕上有良好的可視性
如果占位符文字的顏色過淺，可能在某些屏幕上會看不清楚
如果占位符文字的顏色過淺，可能在某些屏幕上會看不清楚，導致用戶需要努力瞇眼去看
占位符文本應該在用戶開始輸入后才消失
保持顯示占位符直到用戶開始輸入
如果僅在用戶鼠標聚焦到輸入框時，占位符就消失，會給用戶帶來記憶負擔。
通常來說，不使用占位符可以提升表單可用性。
想要了解與占位符文本更多的信息，請閱讀Katie Sherwin的報告。
