IE10以下的placeholder不兼容问题

【IE10以下的placeholder不兼容问题】的更多相关文章

IE10以下的placeholder不兼容问题

$(function(){ if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder $('[placeholder]').focus(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClas…

placeholder不兼容 IE10 以下版本的解决方法

对于密码输入框placeholder的兼容问题:HTML代码:<input type="password" id="loginPassword" placeholder="密码(6-16位字母数字)" class="width270"><input type="text" passwordMask="true" placeholder="密码(6-16位字母数…

IE10 CSS hack，IE兼容问题

IE10 CSS hack,IE兼容问题作者: 雪影发表于2013 年 4 月 25 日分类:技术分享 | 暂无评论 | 人气: 376 度首先,ie10不支持条件注释了. 方法一:特性检测:@cc_on 我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10的Hack: <!--[if !IE]><!--<script> if (/*@cc_on!@*/false) { document.docume…

IE10以下placeholder不兼容

做页面的时候在谷歌中是显示的,但是换了IE之后总是不显示,一个文本框还好,如果有多个的话,如图: 添加以下一段Jquery代码: <script> var JPlaceHolder = { //检测 _check : function(){ return 'placeholder' in document.createElement('input'); }, //初始化 init : function(){ if(!this._check()){ this.fix(); } }, //修复 f…

placeholde属性在IE10以下浏览器上的兼容方案

首先,判断浏览器是否支持placeholder属性:目前经验来看placeholder属性在 IE10及以上才能正常显示,而我们实际项目中往往要求兼容到 IE8 var input = document.createElement('input'); if("placeholder" in input){ alert('支持'); }else{ alert('不支持'); } (1)如果只需要让不支持placeholder的浏览器能够支持改功能,并不要求支持原生pla…

IE9 placeholder 不兼容的解决

坑爹的IE9-,真的是够够的了,不过公司不要求兼容这个玩意了,自己觉得兼容这个鬼还是挺有挑战性的,自己也碰到不少难题,一个个解决. css: .placeholderColor { color : #999; } 先判断浏览器类型(仅判断IE,如果需要请自行查找,线上很多): function myBrowser(){ var userAgent = navigator.userAgent; var isOpera = userAgent.indexOf("Opera") > -…

placeholder的兼容处理(jQuery下)

这是一个老问题,结合前辈们的经验,需要处理的问题有一下几个. 1.只有输入框(input/textarea)下的palaceholder属性存在的时候才需要处理这类兼容 2.处理好输入框上焦点和是焦点的文本显示 3.密码输入框比较特殊,因为为其设置显示文本时显示的是一串“***”.这个问题后面分析.处理好前两点还是比较简单的,处理源码为如下 var browserSupport = { placeholder: 'placeholder' in document.createElement('i…