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

Question

这可能实现没有javascript/jQuery？

我现在有与输入字段作为登录模板：

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

当用户点击他们的鼠标在字段中键入占位符文本会消失，而无需使用JavaScript的我想知道是否有办法如果可能的话？在此之前，我只是使用值并将变量回显到字段中，但目前正在尝试使用HTML 5和CSS3。

谢谢。

Answer 1

新的浏览器有本地的方式来做到这一点。如果支持，你不必做任何事情。

使用旧浏览器时，您确实需要使用javascript。

编辑：在旧浏览器上使用其新功能时，其称为Pollyfills。这里是一个nice list with a lot of pollyfills，可以与Modernizer一起使用，这反过来可以检测到这个功能。