HTML文本框输入工具提示？

Question

可能重复：

How do I make an HTML text box show a hint when empty?

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

我可以自己使用OnBlur、OnChange等事件来完成这个任务(我不知道是哪一个)？还是有什么事情已经做好了？

谢谢

Answer 1

正如rudeovski所说，您可以在现代浏览器中使用占位符。

但是对于旧版本，您需要一个javascript/jQuery回退。

下面是一个很好的例子：

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

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

你只需写：

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

现代化与jQuery相结合，将为您完成剩下的工作。

希望有此帮助:)

Answer 2

您可以为此使用占位符文本。

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

要使它在所有浏览器上运行，您需要对其使用jquery/javascript。据我所知，它在IE中不起作用。