HTML 5占位符:当用户选择字段时,文本消失

时间:2012-08-02 11:32:17

标签: css forms html5 input placeholder

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

我目前有一个登录模板,输入字段为:

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

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

感谢。

1 个答案:

答案 0 :(得分:2)

新浏览器有一种本机方式可以做到这一点。如果支持,您不必做任何事情。

使用旧版浏览器,您需要使用javascript。

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