我正在建立一个注册页面。我想让它像 SO 那样:你在一个字段中看到文本“John Smith(可选)”,当你开始输入时,文本消失了。你如何在 JavaScript 中做到这一点?(不要怪我什么都没尝试,我是JS菜鸟)
可选:注意建议是灰色的,但输入的文本变成黑色。我也想要这样的效果。
我正在建立一个注册页面。我想让它像 SO 那样:你在一个字段中看到文本“John Smith(可选)”,当你开始输入时,文本消失了。你如何在 JavaScript 中做到这一点?(不要怪我什么都没尝试,我是JS菜鸟)
可选:注意建议是灰色的,但输入的文本变成黑色。我也想要这样的效果。
除了 HTML5 的placeholder
东西和实现这一点的所有其他方法之外,我最喜欢使用 javascript(html5 之前)执行此操作的方法是以下博客文章:
http://kyleschaeffer.com/best-practices/input-prompt-text/
让它如此出色的是使用现有title
属性,如果您不使用,这也是一个很好的屏幕阅读器功能(纯文本浏览器、文本转语音、视障 ADA 合规性等)具有显式for
和id
属性匹配的标签。
然而,在我看来,HTML5 和 Modernizer 已经完全取代了对这个功能的需求。