html - 如何设置输入元素的样式，以便在单击输入元素时内部文本消失？

Question

抱歉，我知道之前可能有人问过这个问题，但是您知道有什么干净的方法可以设置输入元素的样式，以便在您单击输入元素时内部文本消失吗？

Answer 1

您似乎在寻找的是 HTML5 placeholder属性:

<input type="text" placeholder="Placeholder text">

但是，旧版浏览器不支持此功能，因此您必须使用 JavaScript shim 来添加该功能。 Here's an example这种垫片不依赖于任何外部资源，如 jQuery。

上面链接的 shim 允许您简单地使用 placeholder 属性，如上所示。只需在 DOM 准备就绪时调用 Placeholders.init() 即可。如果 native 支持该属性，则不会生效。