ie9的placeholder不显示的解决办法(包含多个密码框)

转载 2015年11月18日 14:25:32
//   兼容ie9的placeholder
function isPlaceholder(){
var input = document.createElement('input');
return 'placeholder' in input;
}
if (!isPlaceholder()) {//不支持placeholder 用jquery来完成
$(document).ready(function() {
if(!isPlaceholder()){
$("input").not("input[type='password']").each(//把input绑定事件 排除password框
function(){
if($(this).val()=="" && $(this).attr("placeholder")!=""){
$(this).val($(this).attr("placeholder"));
$(this).focus(function(){
if($(this).val()==$(this).attr("placeholder")) $(this).val("");
});
$(this).blur(function(){
if($(this).val()=="") $(this).val($(this).attr("placeholder"));
});
}
});
//对password框的特殊处理1.创建一个text框 2获取焦点和失去焦点的时候切换
$("input[type='password']").each(
function() {
var pwdField = $(this);
var pwdVal = pwdField.attr('placeholder');
pwdField.after('<input class="login-input" type="text" value='+pwdVal+' autocomplete="off" />');
var pwdPlaceholder = $(this).siblings('.login-input');
pwdPlaceholder.show();
pwdField.hide();

pwdPlaceholder.focus(function(){
pwdPlaceholder.hide();
pwdField.show();
pwdField.focus();
});

pwdField.blur(function(){
if(pwdField.val() == '') {
pwdPlaceholder.show();
pwdField.hide();
}
});
})
}
});
}
// end

IE9及以下 span元素无法触发鼠标事件解决办法

IE9及以下 span元素无法触发事件解决办法 今天向往常一样练习原生JS,做了个放大镜效果的小Demo,但是发现如下bug,测试了半天终于解决了! 部分代码如下: html lang="en...

IE9自动弹出欢迎页解决办法

解决方案: 我就进行IE Internet选项设置,主页为:about:blank。不要检查IE浏览器是否默认等,然后“确定”。关闭,重新打开IE浏览器,发现没有任何效果,主页还是指向MSN,一并弹...

在 Windows Server 2008 (R2)上的IE9不支持HTML5 视频与音频解决办法

IE9 Not Support HTML5 Video And Audio on Windows Server 2008 (R2) 原文链接: http://www.mydigitallife.in...

jQuery 关于IE9上传文件无法进入后台问题的原因及解决办法

jQuery 关于IE9上传文件无法进入后台问题的原因及解决办法(ajaxfileupload.js第四弹),jqueryie9第四弹的诞生完全不在自己最初的计划之中,是有个网友看了先前关于《ajax...

IE6-IE9兼容性问题列表及解决办法总结

工作几天  css写了不少,好的css美化网页,但是网站在浏览器上的兼容是一个问题.     目录如下: 概述 第一章:HTML. 3   第一节:IE7-IE8更新... ...

使用jQuery解决IE9以下无法支持input的placeholder的问题

placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支...
  • cddcj
  • cddcj
  • 2016年09月08日 16:54
  • 1378

IE6、IE7、IE8、IE9兼容性问题解决办法

IE6、IE7、IE8、IE9兼容性问题解决办法 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现...

placeholder 问题考虑密码输入框 ie兼容问题办法

placeholder在ie9中不兼容问题解决办法 1、html页面主要内容 2、引入jquery文件 3、主要的js内容 (function($) { ...

自定义插件-让IE9以下的浏览器支持H5属性placeholder

自从有了H5让我们喜也让我们忧,新特性用起来很炫、很酷提高了不少工作效率,但有不得不考虑该死的IE浏览器(从此微软的形象一落千丈)。 在H5总我们会使用placeholder属性来实现文本水印提示信息...
  • lxcao
  • lxcao
  • 2016年11月16日 23:07
  • 1328
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ie9的placeholder不显示的解决办法(包含多个密码框)
举报原因:
原因补充:

(最多只允许输入30个字)