文档章节

placeholder IE8浏览器不支持问题

rock_turf
 rock_turf
发布于 2015/11/25 09:57
字数 160
阅读 11
收藏 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
Web 开发中 9 个有用的提示和技巧

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

彭博
2012/11/27
260
0
IE8下对type=checkbox类型的input的placeholder属性的仿写

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

独特55
2015/09/25
0
0
IE8 常见的兼容问题

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

yope
2016/04/21
110
0

没有更多内容

加载失败,请刷新页面

加载更多

微服务分布式事务实现

https://www.processon.com/view/link/5b2144d7e4b001a14d3d2d30

WALK_MAN
49分钟前
0
0
《大漠烟尘》读书笔记及读后感文章3700字

《大漠烟尘》读书笔记及读后感文章3700字: 在这个浮躁的社会里,你有多久没有好好读完一本书了? 我们总觉得自己和别人不一样,所以当看到别人身上的问题时,很少有“反求诸己”,反思自己。...

原创小博客
今天
1
0
大数据教程(9.5)用MR实现sql中的jion逻辑

上一篇博客讲解了使用jar -jar的方式来运行提交MR程序,以及通过修改YarnRunner的源码来实现MR的windows开发环境提交到集群的方式。本篇博主将分享sql中常见的join操作。 一、需求 订单数据表...

em_aaron
今天
1
0
十万个为什么之什么是resultful规范

起源 越来越多的人开始意识到,网站即软件,而且是一种新型的软件。这种"互联网软件"采用客户端/服务器模式,建立在分布式体系上,通过互联网通信,具有高延时(high latency)、高并发等特点...

尾生
今天
1
0
Terraform配置文件(Terraform configuration)

Terraform配置文件 翻译自Terraform Configuration Terraform用文本文件来描述设备、设置变量。这些文件被称为Terraform配置文件,以.tf结尾。这一部分将讲述Terraform配置文件的加载与格式。...

buddie
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部