博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input标签placeholder属性IE8及以下版本的兼容性问题
阅读量:6152 次
发布时间:2019-06-21

本文共 426 字,大约阅读时间需要 1 分钟。

为文本框input添加文字输入提示,H5为input提供了一个placeholder属性。在支持H5的浏览器中,用此属性设置输入提示,简单方便,但是对于IE8以下版本,都不支持placeholder属性,此时必须通过另外的方式来实现输入提示。

其实,我们可以利用label标签来模拟placeholder属性。先看例子,后解释;

        

看到这里估计就很清楚了,label标签本来是为input标签定义标注的,这里把label标签的样式设置为绝对定位,定位到input输入框中,然后再利用click事件和keyup事件来控制label的显示及隐藏,通过这种方式可以“屏蔽”placeholder属性的跨浏览器的兼容性问题。

转载于:https://www.cnblogs.com/justyq/p/4985683.html

你可能感兴趣的文章
Java并发编程73道面试题及答案
查看>>
企业级负载平衡简介(转)
查看>>
Shell基础之-正则表达式
查看>>
JavaScript异步之Generator、async、await
查看>>
讲讲吸顶效果与react-sticky
查看>>
c++面向对象的一些问题1 0
查看>>
售前工程师的成长---一个老员工的经验之谈
查看>>
Get到的优秀博客网址
查看>>
老男孩教育每日一题-第107天-简述你对***的理解,常见的有哪几种?
查看>>
Python学习--time
查看>>
在OSCHINA上的第一篇博文,以后好好学习吧
查看>>
Spring常用注解
查看>>
linux:yum和apt-get的区别
查看>>
Sentinel 1.5.0 正式发布,引入 Reactive 支持
查看>>
数据库之MySQL
查看>>
2019/1/15 批量删除数据库相关数据
查看>>
数据类型的一些方法
查看>>
Webpack 2 中一些常见的优化措施
查看>>
移动端响应式
查看>>
js中var、let、const的区别
查看>>