当支持占位符属性时有没有办法隐藏标签元素？

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 
}