文档章节

placeholder IE8浏览器不支持问题

rock_turf
 rock_turf
发布于 2015/11/25 09:57
字数 160
阅读 7
收藏 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
博文 10
码字总数 5255
作品 0
西城
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

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

JackFace
2015/11/13
0
0
让人“蛋碎”的ie兼容问题

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

i5--lou
2016/03/08
75
2
IE8下对type=checkbox类型的input的placeholder属性的仿写

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

独特55
2015/09/25
0
0
Web 开发中 9 个有用的提示和技巧

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

小编辑
2012/06/05
5.3K
17
IE8 常见的兼容问题

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

yope
2016/04/21
110
0

没有更多内容

加载失败,请刷新页面

加载更多

关于编程,你的练习是不是有效的?

最近由于工作及Solution项目的影响,我在重新学习DDD和领域建模的一些知识。然后,我突然就想到了这个问题,以及我是怎么做的? 对于我来说,提升技能的项目会有四种: 纯兴趣驱动的项目。即...

问题终结者
37分钟前
1
0
打开eclipse出现an error has occurred see the log file

解决方法: 1,打开eclipse安装目录下的eclipse.ini文件; 2,打开的文本文件最后添加一行 --add-modules=ALL-SYSTEM 3,保存重新打开Eclipse。...

任梁荣
昨天
4
0
搞定Northwind示例数据库,无论哪个版本的SQLServer都受用

Northwind数据库 从这里可以找到突破口: http://social.msdn.microsoft.com/Forums/zh-CN/Vsexpressvb/thread/8490a1c6-9018-40c9-aafb-df9f79d29cde 下面是MSDN: http://msdn2.microsoft......

QQZZFT
昨天
1
0
mysql主从同步,安装配置操作

准备 两台mysql服务,我这里准备了如下: 主库:192.168.176.128 从库:192.168.176.131 如何在Linux上安装mysql服务,请看https://blog.csdn.net/qq_18860653/article/details/80250499 操作...

小致dad
昨天
4
0
Redis的“死键”问题

大规模的数据库存储系统中,数据的生命周期管理是很有必要的;从业务角度发现过期数据,数据归档和数据碎片整理等。以MySQL为例,1个运行很久的TB级MySQL实例中,极有可能数百GB的数据,对业...

IT--小哥
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部