當支持佔位符屬性時有沒有辦法隱藏標籤元素？

Question

我想在我的網頁中使用佔位符屬性而不是標籤，但是我需要在支持佔位符時隱藏標籤。這是可能的只有CSS？

理想情況下，我喜歡

標籤+輸入{相當於 顯示：無; } - >

Answer 1

您可能需要使用Modernizr來檢測佔位符支持，然後隱藏標籤。儘管你需要JavaScript。

我不知道另一種方式，但其他人可能會。

Answer 2

這不可能用CSS。沒有支持「父母選擇」，並且很可能永遠不會。

如果你不想使用現代化主義者，這裏有一個簡單的測試，與JS運行：

if (("placeholder" in document.createElement("input"))) { 
//placeholder is supported, so hide your label elements or whatever 
}