HTML 文本框输入工具提示？ [复制]答案

【问题标题】：HTML Textbox Input Tooltip? [duplicate]HTML 文本框输入工具提示？ [复制]
【发布时间】：2011-09-27 23:21:30
【问题描述】：

可能重复：
How do I make an HTML text box show a hint when empty?

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

我可以自己使用 OnBlur、OnChange 等事件来执行此操作吗（我不知道是哪个）？或者周围有什么已经完成了？

谢谢

【问题讨论】：

【解决方案1】：

正如 rudeovski 所说，您可以在现代浏览器中使用占位符。
但对于较旧的，您需要一个 javascript/jQuery 后备。

这是一个很好的例子：

这将自动为您生成占位符后备。

您只需编写：

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

Modernizr 结合 jQuery 将为您完成剩下的工作。
希望对您有所帮助:)

【讨论】：

【解决方案2】：

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

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

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

【讨论】：