IE浏览器中input的placeholder不显示-白红宇的个人博客

IE浏览器中input的placeholder不显示

发布日期：2021-05-17 18:00:28 浏览次数：8 分类：精选文章

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

IE9及以下浏览器不支持placeholder属性，这意味着这些浏览器中设置的placeholder文本将无法显示。对于依然需要在IE9及以下浏览器中支持placeholder功能的网页，这一问题需要通过脚本手动模拟实现。

以下是解决方案的代码示例：

这个脚本的工作原理是：

检查浏览器是否支持placeholder属性

对所有带有placeholder属性的input和textarea元素进行迭代

如果输入字段为空，添加占位文本

当输入字段聚焦时，若内容为占位文本，清空内容并移除占位样式

当输入字段失去焦点时，若内容为空，重新添加占位文本

对于表单提交时，若输入字段仍为占位文本，清空内容

这种方法能够在IE9及以下浏览器中模拟placeholder功能，同时保持与现代浏览器一致的用户体验。

下一篇：Echarts升级3：清除图表

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！