为了账号安全,请及时绑定邮箱和手机立即绑定

ie浏览器不支持placeholder

ie浏览器不支持placeholder

ie浏览器不支持placeholder,有没有哪位大神实现过,求代码参考,不要百度粘贴,运行通过的必采纳
查看完整描述

3 回答

已采纳
?
i文Vin

TA贡献10条经验 获得超11个赞

检测浏览器是否支持placeholder属性

function hasPlaceholderSupport() {     

 return 'placeholder' in document.createElement('input');     

}    

我记得我一个同学是这样解决的,用一个插件

$(document).ready(function(){  
  var doc=document,
   inputs=doc.getElementsByTagName('input'),
   supportPlaceholder='placeholder'in doc.createElement('input'),
   
   placeholder=function(input){
    var text=input.getAttribute('placeholder'),
    defaultValue=input.defaultValue;
    if(defaultValue==''){
       input.value=text
    }
    input.onfocus=function(){
       if(input.value===text)
       {
           this.value=''
       }
     };
    input.onblur=function(){
       if(input.value===''){
           this.value=text
       }
     }
 };
 
 if(!supportPlaceholder){
    for(var i=0,len=inputs.length;i<len;i++){
         var input=inputs[i],
         text=input.getAttribute('placeholder');
         if(input.type==='text'&&text){
            placeholder(input)
         }
     }
 }
});

这个复制粘贴保存下来,保存成一个JS文件再导入

查看完整回答
2 反对 回复 2017-01-03
?
故河zyp

TA贡献1条经验 获得超0个赞

实测ie是支持的,不过ie并不好用,推荐使用firefox和谷歌浏览器

查看完整回答
反对 回复 2017-01-03
?
kuun993

TA贡献29条经验 获得超4个赞

如果我没理解错的话你应该想写这个,我的ie是可以的

<form action="#" method="post">
    <input type="text" placeholder="请输入用户名" />
</form>


查看完整回答
反对 回复 2017-01-03
  • emily973
    emily973
    你的ie版本比较高,ie9以下都不可以
?
慕123粉

TA贡献3条经验 获得超1个赞

用js左 类似的吧  话说  管 什么ie

查看完整回答
反对 回复 2017-01-03
?
其实我真的不是东北人

TA贡献105条经验 获得超66个赞

不支持的用value代替, 我现在做项目都不考虑ie9以下了, 现在慢慢淘汰。谁还用那种低版本。

查看完整回答
反对 回复 2017-01-03
?
很拉风很拉风的仔仔

TA贡献3条经验 获得超5个赞

亲测可行,代码如下:
//img1.sycdn.imooc.com//586e001e0001e81609330912.jpg

查看完整回答
反对 回复 2017-01-05
  • 3 回答
  • 1 关注
  • 3789 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信