显示指令(占位符)文本的 Javascript 文本输入字段

Question

让文本输入字段以灰色显示在该字段中输入内容的说明的最佳方式是什么。当您专注于该输入字段时，灰色说明文本消失，您的输入文本显示为黑色。如果您删除输入文本并将注意力从该输入上移开，则会重新出现说明灰色文本。

我试过用 jQuery 实现这个，但是我在不同的浏览器上遇到了各种奇怪的问题。有时当你返回一个屏幕时，说明文本变成黑色并且不再消失，诸如此类的问题。

是否有用于此的标准 javascript 库？我找不到!

哦，说明文本不能是图像，因为它必须根据浏览器的语言首选项以不同的语言提供。

Answer 1

你不需要javascript。

HTML5:

<input type="text" id="email" name="email" placeholder="Enter your email address">

这适用于现代浏览器。如果您将 modernizr.js 添加到您的页面，那么它将适用于所有浏览器。