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

标签 html css

我知道我可以通过指定 value 属性来制作一个带有默认文本的输入表单,但是我该如何制作它才能使文本在视觉上透明并且在单击时消失?我想按照 twitter does it 的方式制作我的文本字段.

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

最佳答案

对于支持 HTML5 的浏览器,您可以使用 placeholder 属性。例如:

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

对于旧浏览器来说,实现起来不是一件小事。请查看这些问题:

关于html - 使输入文本透明的简单方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24724696/

相关文章:

javascript - 如何从 HTML 标签 BODY 或 Div 解析 cid 值?

python - 单独使用 python 在 localhost 托管本地 html 文件

html - 如何在 Bootstrap 中获得列之间的边距?

javascript - 如何在 JavaScript 中的事件图像 slider 的左侧和右侧包含尖括号

html - 手机浏览器显示每行两张图片(bootstrap 3)

jquery - 如何使用 jQuery 设置背景图像高度?

html - 访问过的图像链接伪类在 Chrome 中不起作用

javascript - 如何发送带有动态 html 内容的电子邮件?

html - 自动换行在 LI 元素中不起作用

javascript - 使用jquery的不同颜色的导航菜单