低版本IE浏览器不兼容placeholder解决方法-创新互联

虽说现在很多网站都放弃了IE浏览器的低版本，但是很多时候咱们还得看甲方的要求就制作网站。如果甲方要求兼容IE789，那么咱们就得给人家做出来兼容的产品。

今天就IE789的input标签的placeholder说一说解决方法。

一、优雅降级解决（极力推荐）

也就是俗称的不解决细节，只要大体能满足浏览的要求就可以，placeholder低版本不显示，那么咱们就不在去做兼容方法，反正以后的几年IE低版本的浏览器会被淘汰。

二、使用input的value制作placeholder的效果

这个是我以前用的一个方法，当input有光标的时候删除value的值，光标离开的时候再去查看内容，如果是空或者是跟原来的值一样的就显示value，具体代码如下。

（www.gendan5.com）

三、使用另一个容器放input的内容（推荐）

具体的流程，

1、判断浏览器的版本，如果是低版本的浏览器启用容器提示方法

2、把input的placeholder放在box里面定位到input的下方，并且给input透明的背景

3、当鼠标获取+value有变化的的时候隐藏box

4、光标离开的时候内容进行比较，如果没有改变重新显示文字的box

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。