可能是重复问题:
如何在HTML文本框为空时显示提示?
这是一个非常简单的问题。我想在类似于StackOverflow登录的文本框中放置一个工具提示。我想要在文本框值上显示单词“discount”,当用户输入新值时,单词“discount”会从文本框中消失。
我可以使用OnBlur、OnChange等事件自己做到这一点吗(我不知道哪个事件)?还是已经有现成的解决方案了?
谢谢
可能是重复问题:
如何在HTML文本框为空时显示提示?
这是一个非常简单的问题。我想在类似于StackOverflow登录的文本框中放置一个工具提示。我想要在文本框值上显示单词“discount”,当用户输入新值时,单词“discount”会从文本框中消失。
我可以使用OnBlur、OnChange等事件自己做到这一点吗(我不知道哪个事件)?还是已经有现成的解决方案了?
谢谢
如rudeovski所说,您可以在现代浏览器中使用占位符。
但是对于旧版本的浏览器,您需要一个javascript/jQuery回退方案。
这是一个很好的例子:
http://uniquemethod.com/html5-placeholder-text-with-modernizr-and-jquery-fallback
这将为您自动生成占位符回退。
您只需编写:
<input type="text" id="discount" placeholder="discount" />
<input type="text" id="discount" placeholder="discount" />