css - HTML 5占位符：当用户选择字段时使文本消失

Question

这可以在没有 javascript/jQuery 的情况下实现吗？

我目前有一个登录模板，其输入字段为：

 <input id="username" type="text" name"username" placeholder="username" autofocus>

我想知道是否有一种方法，当用户在字段上单击鼠标以键入占位符文本时，如果可能的话，不使用 javascript 就会消失？在此之前，我只是使用值并将变量回显到字段中，但目前正在尝试使用 HTML 5 和 CSS3。

谢谢。

Answer 1

新的浏览器有一种本地方式来做到这一点。如果支持，您无需执行任何操作。

对于较旧的浏览器，您确实需要使用 javascript。

编辑：在旧浏览器上使用新功能时，它称为 Pollyfills。这是一个很好的列表，其中包含许多可以与Modernizer一起使用的 pollyfills ，它们反过来可以检测到这个特性。