Css HTML5占位符：当用户选择字段时，使文本消失

这是否可以在没有javascript/jQuery的情况下实现

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

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

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

---

谢谢。

新浏览器有一种原生的方式来实现这一点。如果得到支持，您不必做任何事情

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

---

编辑：在旧浏览器上使用新功能时，它被称为Pollyfills。这是一个可以与一起使用的，反过来可以检测此功能。

谢谢。我将更深入地研究使用这种方法的浏览器兼容性。