HTML文本框输入提示？

Question

可能是重复问题：
如何在HTML文本框为空时显示提示？

这是一个非常简单的问题。我想在类似于StackOverflow登录的文本框中放置一个工具提示。我想要在文本框值上显示单词“discount”，当用户输入新值时，单词“discount”会从文本框中消失。

我可以使用OnBlur、OnChange等事件自己做到这一点吗（我不知道哪个事件）？还是已经有现成的解决方案了？

谢谢

- ivantxo

---

它被称为水印。 - Daniel A. White

许多 类似的 问题。 - Alex

谢谢，我不知道那是它的名称。我稍后会查看。 - ivantxo

Answer 1

如rudeovski所说，您可以在现代浏览器中使用占位符。
但是对于旧版本的浏览器，您需要一个javascript/jQuery回退方案。

这是一个很好的例子：

http://uniquemethod.com/html5-placeholder-text-with-modernizr-and-jquery-fallback

这将为您自动生成占位符回退。

您只需编写：

<input type="text" id="discount" placeholder="discount" />

现代浏览器检测库 Modernizr 与 jQuery 结合使用即可自动完成其余操作。希望这有所帮助 :)

- Simon Arnold

Answer 2

您可以使用占位符文本来替换此处文字。

<input type="text" id="discount" placeholder="discount" />

要让它在所有浏览器中正常工作，您需要使用jquery/javascript。据我所知，在IE中无法正常工作。

- mnsr