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" />

Modernizr 结合 jQuery 将为您完成剩下的工作。
希望这有帮助：）

Answer 2

您可以使用占位符文本。

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

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