可能重复:
How do I make an HTML text box show a hint when empty?
一个非常简单的问题。我想在类似于StackOverflow登录的文本框中放置工具提示。我想在文本框值上使用折扣字,当用户输入新值时,“折扣”一词从文本框中消失。
我可以自己使用OnBlur,OnChange等事件(我不知道哪个)吗?或者周围有什么东西已经完成了?
由于
答案 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中不起作用。