博客
关于我
IE浏览器中input的placeholder不显示
阅读量:629 次
发布时间:2019-03-14

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

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

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

这个脚本的工作原理是:

  • 检查浏览器是否支持placeholder属性
  • 对所有带有placeholder属性的input和textarea元素进行迭代
  • 如果输入字段为空,添加占位文本
  • 当输入字段聚焦时,若内容为占位文本,清空内容并移除占位样式
  • 当输入字段失去焦点时,若内容为空,重新添加占位文本
  • 对于表单提交时,若输入字段仍为占位文本,清空内容
  • 这种方法能够在IE9及以下浏览器中模拟placeholder功能,同时保持与现代浏览器一致的用户体验。

    转载地址:http://bowlz.baihongyu.com/

    你可能感兴趣的文章
    MVVM_Template
    查看>>
    {spring.cloud.client.ipAddress}
    查看>>
    栈上内存溢出漏洞利用之Return Address
    查看>>
    Bugku CTF web29(Web)
    查看>>
    网络+图片加载框架(英文版)
    查看>>
    扣非净利润连续三年亏损,四维图新如何熬过“转型阵痛期”?
    查看>>
    前台报Invalid Host/Origin Header错误
    查看>>
    IE浏览器中input的placeholder不显示
    查看>>
    【CSP - S T1】格雷码
    查看>>
    Python imageio方法示例
    查看>>
    Possible missing firmware
    查看>>
    算法的学习方式
    查看>>
    JAVA BigInteger和BigDecimal类常用方式
    查看>>
    ubuntu挂载移动硬盘出现错误:mount:unknown filesystem type ‘exfat‘
    查看>>
    深度学习框架 各种模型下载集合 -- models list
    查看>>
    双层卷积神经网络--tf
    查看>>
    six.move 的作用
    查看>>
    错误:'BasicLSTMCell' object has no attribute '_kernel'
    查看>>
    MySQL(九)SQL优化
    查看>>
    Django认证系统
    查看>>