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

【问题标题】：Simple way to make input text transparent使输入文本透明的简单方法
【发布时间】：2014-09-03 16:05:57
【问题描述】：

我知道我可以通过指定value 属性来创建一个带有默认文本的输入表单，但是我如何才能使文本在视觉上是透明的并且在单击时也会消失？我想以twitter does it 的方式制作我的文本字段。

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

【问题讨论】：

标签： html css

【解决方案1】：

您可以为支持 HTML5 的浏览器使用 placeholder 属性。例如：

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

对于老版本的浏览器来说，实现起来并不是一件小事。请查看以下问题：

【讨论】：

【解决方案2】：

试试占位符属性：

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

【讨论】：