HTML文本框输入工具提示?

时间:2011-09-27 23:21:30

标签: html tooltip

  

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

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

我可以自己使用OnBlur,OnChange等事件(我不知道哪个)吗?或者周围有什么东西已经完成了?

由于

2 个答案:

答案 0 :(得分:6)

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

以下是一个很好的例子:

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

这会自动为您生成占位符后退。

您只需写下:

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

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

答案 1 :(得分:3)

您可以使用占位符文本。

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

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