有關輸入字段與佔位符的可用性

我有一個關於可用性的簡單問題。有關輸入字段與佔位符的可用性

，它是具有文本輸入的佔位符（空文本）的首選方式：）

一個讓他們看得見，直到用戶重點領域。 B）在用戶鍵入第一個字符之前讓它們可見。

大多數網站使用選項A，可能是因爲它更容易做到（只聽聆聽焦點事件並清除以前的佔位符文本並將文本顏色重置爲黑色）。

但是，我看到選項B也被用在一些隨機的地方。我看到它的方式，優點是：

一個

乙

如果您在使用導航形式標籤鍵，用戶通常在閱讀下一個字段之前按下該標籤，在這種情況下，空文本已經消失，用戶的時間更加困難知道要輸入什麼。他們需要移動標籤以獲取空白文本，然後閱讀並選擇標籤。

另一個問題：如果使用了選項B，應該在用戶刪除文本（仍然有焦點）後返回空文本？

2011-12-31 Tower

我正在驚訝，不存在其他例子到目前爲止。 – halil 2012-01-02 07:27:26

我一定會輸入字段如twitter登錄頁面。

它就像你的B路，並有一個非常漂亮的動畫。

2011-12-31 13:30:15 halil

奇怪的動畫。文字是否變小或它做了什麼？太快以注意它實際上做了什麼。 – Tower 2011-12-31 13:36:19

據我所見，文字已從頭部刪除。 – halil 2011-12-31 13:42:01

本着可用性和可訪問性的精神，您應該擁有始終存在的<label>。在我看來，佔位符文本在用作助手或格式化指示時最爲有效。

例如，您可以使用登錄表單來請求用戶名和密碼，其中用戶名是電子郵件地址。佔位符可以成爲一個重點清除的示例電子郵件地址（但「用戶名」標籤仍然可見）。

實施例（使用HTML5佔位符屬性）：

<label for="username">Username</label> 
<input type="text" id="username" name="username" placeholder="myema[email protected]" />

2012-01-23 01:02:54 ryankeairns

佔位符屬性實際上是另一種方式;它開始輸入後會被清除。 – Tower 2012-01-23 13:08:28

回答