文档章节

placeholder IE8浏览器不支持问题

rock_turf
 rock_turf
发布于 2015/11/25 09:57
字数 160
阅读 7
收藏 0
点赞 0
评论 0
<script type= "text/javascript" >  
   if ( !( 'placeholder' in document.createElement( 'input' )) ){  
   
     $( 'input[placeholder],textarea[placeholder]' ).each( function (){   
       var that = $( this ),   
       text= that.attr( 'placeholder' );   
       if (that.val()=== "" ){   
         that.val(text).addClass( 'placeholder' );   
       }   
       that.focus( function (){   
         if (that.val()===text){   
           that.val( "" ).removeClass( 'placeholder' );   
         }   
       })   
       .blur( function (){   
         if (that.val()=== "" ){   
           that.val(text).addClass( 'placeholder' );   
         }   
       })   
       .closest( 'form' ).submit( function (){   
         if (that.val() === text){   
           that.val( '' );   
         }   
       });   
     });   
   }  
</script> 

这个方法只可以解决表单提交的问题,但如果是取值的话,还是不能支持。

解决方法是在input框里再下一个层放一个label

<label class="placeholder" for="username_1" style="display: block;">邮箱或手机号</label>

如果有值就不显示这个label,无值就显示这个label


© 著作权归作者所有

共有 人打赏支持
rock_turf
粉丝 1
博文 9
码字总数 5255
作品 0
西城
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在 chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样...

JackFace ⋅ 2015/11/13 ⋅ 0

让人“蛋碎”的ie兼容问题

前段时间的一个项目,要做ie8及以上的兼容,那个做的我真的是蛋疼,菊花紧啊。。。。 当时就想问问微软ie的部门,你们到底想干虾米,这不是要逼死前段工程师吗。。。。 然后去Google上面找了...

i5--lou ⋅ 2016/03/08 ⋅ 2

IE8下对type=checkbox类型的input的placeholder属性的仿写

placeholder属性是HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。 如 <input type="text" id="userName" pla...

独特55 ⋅ 2015/09/25 ⋅ 0

Web 开发中 9 个有用的提示和技巧

在本文中,我们给出 9 个有用的 HTML、CSS 和 JavaScript 的技巧和提示,可能在做 Web 开发中经常会需要用到的,其中有几个是关于 HTML5 和 CSS3 的,如果你是一个前端开发者,那么或许对你有...

小编辑 ⋅ 2012/06/05 ⋅ 17

IE8 常见的兼容问题

背景:即便现在IE 已经被微软弃用或者是说是改版为edge浏览器 种种IE的家族史,在此不作深究!总而言之,一句话,历史原因IE8还在使用,那么就出现了我们要讲的问题->IE8的兼容问题 1.首当其...

yope ⋅ 2016/04/21 ⋅ 0

Placeholder in IE8 and older

在前端开发中,Input需要有提示信息,在Chrome等浏览器中可以方便的使用placeholder属性,但是在IE8 or older浏览器中会出现无法显示的问题,如果开发自己去写一个function来进行提示信息的显...

Geek-S ⋅ 2016/06/08 ⋅ 0

miaoqiyuan.cn/placeholder.js

placeholder.js 让低版本的浏览器(主要是 IE8和IE9 )支持 placeholder ,为了便于移植,没有依赖任何框架(比如 Jquery )。 引用后,使用HTML5 中 placeholder 编写的页面,无需做任何改动,...

miaoqiyuan.cn ⋅ 2017/09/01 ⋅ 0

Placeholder 的低版本浏览器支持脚本--placeholderjs

让低版本的浏览器(主要是 IE8和IE9 )支持 placeholder ,为了便于移植,没有依赖任何框架(比如 Jquery )。 引用后,使用HTML5 中 placeholder 编写的页面,无需做任何改动,系统全自动分析...

mqycn ⋅ 2017/09/01 ⋅ 0

各浏览器对 window.execScript 方法的支持不同

问题描述 仅 IE 和 Chrome 支持 window.execScript 方法,其他浏览器不支持。IE 和 Chrome 对于此方法中语言类型参数的支持也存在差异。 注:本文所指的Chrome 版本是7.0.552.0 dev,最新版本...

小编辑 ⋅ 2011/10/09 ⋅ 1

渴切v3.1发布 新增ie6~ie8多媒体查询响应式支持

渴切-开源中文css框架 发布v3.1.0版 ,新增ie6, ie7 ,ie8 的多媒体响应式查询支持。彻底解决了ie6~ie8不支持响应的问题 ,真正做到了所有浏览器:ie6, ie7,ie8 ,ie9 ,firefox ,chrome ,safari...

tyshymy ⋅ 2013/07/20 ⋅ 16

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Mahout基于内存的DataMode 推荐引擎Demo2

Mahout基于内存的DataMode 推荐引擎Demo2 //注释的部分是基于文件也可以理解为基于日志文件的, //DataModel 可以有很多种,实现abstractDataMode的子类,原则上都可以作为数据源,个人觉得,...

xiaomin0322 ⋅ 14分钟前 ⋅ 0

Docker部署Tomcat及Web应用

一、在线下载docker yum install -y epel-releaseyum install docker-io # 安装dockerchkconfig docker on # 加入开机启动service docker start # 启动docker服务 1 ...

Jeam_ ⋅ 14分钟前 ⋅ 0

研发运营一体化能力成熟度模型

研发运营一体化是指在 IT 软件及相关服务的研发及交付过程中,将应用的需求、开发、测试、部 署和运营统一起来,基于整个组织的协作和应用架构的优化,实现敏捷开发、持续交付和应用运营的无...

stars永恒 ⋅ 19分钟前 ⋅ 0

jQuery缩小放大触发事件

jquery的resize()方法使用 <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> var i = 0; $(document).ready(function(){ ......

RobertZou ⋅ 20分钟前 ⋅ 0

eclipse python 搭建

https://jingyan.baidu.com/article/9113f81b68ebce2b3214c7e0.html https://www.cnblogs.com/ZhangRuoXu/p/6397756.html https://blog.csdn.net/zhangphil/article/details/78962159 字符集......

之渊 ⋅ 20分钟前 ⋅ 0

weex,react native,flutter

weex: 一次编写,处处运行 RN: 学一次,到处写(针对安卓,IOS平台特性 各自写,会有很大一部分是一样的代码) 这些方案是否真正的解决了跨平台问题呢?从目前的状况来看,很显然是没有的,因...

东东笔记 ⋅ 26分钟前 ⋅ 0

Spring Cloud微服务分布式云架构-集成项目

Spring Cloud集成项目有很多,下面我们列举一下和Spring Cloud相关的优秀项目,我们的企业架构中用到了很多的优秀项目,说白了,也是站在巨人的肩膀上去整合的。在学习Spring Cloud之前大家必...

明理萝 ⋅ 31分钟前 ⋅ 1

SpringMVC图片上传问题解决

当我们上传图片时一直发现: MultipartFile file = null; if (request instanceof MultipartHttpServletRequest) 匹配不上, 解决方案: 在前端xml加入如下配置代码即可 <!-- 图片上传bean --...

泉天下 ⋅ 33分钟前 ⋅ 0

Spring表达式语言(SpEL)

1、SpEL引用 Spring EL在bean创建时执行其中的表达式。此外,所有的Spring表达式都可以通过XML或注解的方式实现。下面将使用Spring表达式语言(SpEL),注入字符串,整数,Bean到属性。 SpEL的...

霍淇滨 ⋅ 49分钟前 ⋅ 0

Gradle使用阿里云镜像

gradle 生命周期中有一个初始化( Initialization )的过程,这个过程运行在 build script 之前,我们可以在这个地方做一点系统全局的设置,如配置仓库地址。 你可以在以下几个位置实现仓库地址...

明MikeWoo ⋅ 58分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部