HTML文本框输入工具提示?

iva*_*txo 4 html tooltip

可能重复:
如何使HTML文本框在空时显示提示?

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

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

谢谢

Sim*_*old 6

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

这是一个很好的例子:

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

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

你只需要写:

<input type="text" id="discount" placeholder="discount" />
Run Code Online (Sandbox Code Playgroud)

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