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

Question

有一个文本输入字段的最佳方法是什么,该字段显示以灰色显示在该字段中输入内容的说明.当您关注该输入字段时,灰色指令文本将消失,输入文本将显示为黑色.如果您删除输入文本并远离该输入,则会再次出现灰色文本说明.

我尝试用jQuery实现这个,但是我遇到了不同浏览器的各种奇怪问题.有时当你回到屏幕时,说明文字变黑,不再消失,这样的问题.

这有一个标准的JavaScript库吗？我找不到任何东西!

哦,指令文本不能是图像,因为它必须以不同的语言提供,具体取决于浏览器的语言偏好.

Answer 1

你不需要javascript.

HTML5:

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

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

Answer 2

你可以在jquery.use 这个链接中使用水印插件.

例

 $(this).Watermark("your instructions");