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

Question

很抱歉，我之前可能已经问过这个问题了，但您知道任何简洁的方式来设置输入元素的样式，以便在单击输入元素时内部文本消失吗？

Answer 1

您要查找的内容是HTML5 placeholder属性：

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

但是，旧浏览器不支持此功能，因此您必须使用JavaScript填充程序添加功能。 Here's an example这样的垫片不依赖于任何外部资源，如jQuery。

上面链接的垫片允许您简单地使用placeholder属性，如上所示。只需在DOM上调用Placeholders.init()就可以了。如果本机支持该属性，则不会生效。

Answer 2

您正在谈论使用placeholder属性。从HTML5开始，这是输入文本元素的默认属性。

对于不支持此功能的旧版浏览器，您可以使用JQuery Watermark插件 - http://code.google.com/p/jquery-watermark/