佔位符VS標籤用於HTML5

我正在與多個輸入，其中我需要給內部輸入本身形式元素的拉布勒表格輸入和我使用這樣佔位符VS標籤用於HTML5

一個例子

enter image description here

<form class="TTWForm"> 
<input type="email" name="email" required="required" placeholder="Email Address">  
</form>

而上面的代碼在W3C驗證器中對HTML5有效。

請問Label不需要HTML 5嗎？

如果我使用HTML5 Placeholder在input內部顯示標籤，那好嗎？

請問label還需要placeholder才能使屏幕閱讀器兼容嗎？

來源

2012-02-06 Jitendra Vyas

AppleGrew和steveax的答案都很好。爲了完整起見，佔位符屬性的另一個問題是，對於鍵盤用戶來說，一旦輸入獲得焦點，其顯示值將在從最後一個鏈接跳轉後消失。沒有標籤，他們會盯着一個空白的輸入，並且不得不猜測他們被要求的內容。 – FelipeAls 2012-02-06 20:29:48

Placeholder是Label的替代品，所以我猜屏幕閱讀器應該存在或至少設置title屬性。 Ref

對於跨瀏覽器兼容性，您需要使用javascript。結帳http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html。

來源

2012-02-06 09:41:08 AppleGrew

HTML驗證程序不會檢查可訪問性。有效的HTML仍然可能無法訪問或不太理想。標籤仍然很重要，HTML5 placeholder不能替代它們。請參閱WCAG 2 Techniques中的H44: Using label elements to associate text labels with form controls。如果您的佈局要求該標籤對於有視覺的用戶不可見，則可以始終包含該標籤，但將其移出屏幕，並帶有負邊距/文本縮進。

更新：

一些test result on placeholder和discussion on the W3 Public HTML mailing list about using placeholder without label。

來源

2012-02-06 17:01:34 steveax

謝謝。這個答案顯然應該標記爲正確的。 – dschu 2016-10-20 10:20:40

佔位符VS標籤用於HTML5

回答

相關問題