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

标签 html css

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

最佳答案

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

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

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

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

关于html - 如何设置输入元素的样式,以便在单击输入元素时内部文本消失?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9191078/

相关文章:

java - 使用套接字时在 HTML 页面中嵌入 Java JApplet

纯 CSS 下拉菜单项显示

android - CSS -webkit-min-device-pixel-ratio 禁用媒体查询

html - Css 元素选择器

python - Scrapy网站爬虫返回无效路径错误

javascript - 使用 jQuery 在正确的时间关闭子菜单

javascript - 如何更改字体大小以显示在 ckeditor 中

javascript - 改变一个元素的样式而不改变另一个?

jquery - 防止 div 在使用 jquery 切换时被推下

jquery - 在css中如何在没有空格的情况下加入两个div类?