可能重复:
如何使HTML文本框在空时显示提示?
一个非常简单的问题.我想在类似于StackOverflow登录的文本框中放置工具提示.我想在文本框值上使用折扣字,当用户输入新值时,"折扣"一词从文本框中消失.
我可以自己使用OnBlur,OnChange等事件(我不知道哪个)吗?或者周围有什么已经完成的?
谢谢
正如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将为您完成剩下的工作.
希望这有帮助:)