简单的方法使输入文本透明

Question

我知道我可以通过指定value属性来创建一个带有默认文本的输入表单，但是如何使文本在视觉上透明并且在单击时消失？我希望将文本字段设为twitter does it。

我发现的所有资源看起来都过于复杂，我希望这就像设置一些属性一样简单，但我不知道要设置哪些属性。我尝试在chrome dev工具中查看twitters源代码，但是我无法找到使他们能够使用透明文本的代码，这些文本在单击时会消失。

Answer 1

您可以对支持HTML5的浏览器使用placeholder属性。 E.g：

<input type="text" placeholder="First name">

对于旧浏览器，实现起来并非易事。请看这些问题：

• how to use HTML5 placeholder attribute with backward-compatibility in mind?
• True placeholder text fix for old browsers?
• What is the most accurate way to emulate the "placeholder" attribute in browsers that don't support it natively?

Answer 2

尝试占位符属性：

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