关于IE8不支持placeholder完美解决方案,不需要任何插件

luo-chen 2018-10-25 原文

关于IE8不支持placeholder完美解决方案,不需要任何插件

  最近有好多人咨询我IE8不支持placeholder的问题,自己写了一个demo以供参考。

  js部分

 1 function input_focus(e){
 2     $(e).css("color","#000000");
 3     if($(e).val()=="请输入文字"){
 4         $(e).val('');
 5     }
 6 }
 7 function input_blur(e){
 8     if($(e).val()=="请输入文字"||!$(e).val()){
 9         $(e).css("color","#aaaaaa");
10         $(e).val("请输入文字");
11     }
12 }

  通过onfocus和onblur方法获取输入框的文字,比较value的值,然后设置文字颜色和显示内容。

  HTML部分

<input type="text" onfocus="input_focus(this)" onblur="input_blur(this)" value="请输入文字" style="color: #aaaaaa;" />

   在页面上调用onfocus和onblur时需要同事传入标签对应的this对象,方便js的调用。

发表于 2018-10-25 10:45 ps落尘 阅读() 评论() 编辑 收藏

 

版权声明:本文为luo-chen原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/luo-chen/p/9848297.html

关于IE8不支持placeholder完美解决方案,不需要任何插件的更多相关文章

随机推荐

  1. HTML5 video视频字幕的使用和制作

    一、video支持视频格式: 以下是三种最常用的格式 1、 ogg格式:带有Theora视频编码(免费)+Vo […]...

  2. python异步编程之asyncio(百万并发)

    前言:python由于GIL(全局锁)的存在,不能发挥多核的优势,其性能一直饱受诟病。然而在IO密集型的网络编 […]...

  3. Oracle 行列转换(PIVOT)的N种方法 – 海天一鸥

    Oracle 行列转换(PIVOT)的N种方法 Oracle SQL – pivoting one […]...

  4. mysql数据库的简单操作-1

    数据库: 数据库,简而言之可视为电子化的文件柜——存储电子文件的处所,用户可以对文件中的数据运行新增、截取、更 […]...

  5. 在macos上基于python2.7安装PyQt5

      在python3上面安装PyQt5是十分简单的,可是,在python2.7上安装这个东西,着实让人折腾了一 […]...

  6. 代码也能“杀”虫:此虫,真虫非Bug也

    摘要:看这群大学生如何保护粮食,让害虫、霉变无处遁形。 国以民为本,民以食为天,对有着14亿人口的中国来说,粮 […]...

  7. POJ 2398 Toy Storage 二分+叉积

    Description   Mom and dad have a problem: their child, […]...

  8. JAVA课程设计(2019)——简易的学生管理系统

    一、团队介绍 团队名称:Coca-cola 组长:翁敬明 二、项目Git地址及提交 https://gitee […]...

展开目录

目录导航