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支持placeholder

  • 2015年07月02日 15:13
  • 32KB
  • 下载

IE9下 jQuery报getElementsByTagName不支持问题

在 IE9 下使用 jQuery 1.5 或更前的某些版本,可能会碰到类似这样的报错: 1    "Object doesn't support this property or meth...
  • newzzorg
  • newzzorg
  • 2013-02-28 12:30:19
  • 470

placeholder在浏览器ie9以下不支持之一种解决方法

原地址:http://www.cnblogs.com/larennani/p/6839139.html $(function(){ if(!placeholderS...
  • dszhxb
  • dszhxb
  • 2017-11-02 10:56:52
  • 47

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

placeholder在ie9中不兼容问题解决办法 1、html页面主要内容 2、引入jquery文件 3、主要的js内容 (function($) { ...
  • I_am_listen
  • I_am_listen
  • 2017-07-26 10:55:25
  • 1317

javascript 解决IE8 兼容 placeholder 属性 含password

javascript 解决IE8 兼容 placeholder 属性 含password function placeholderfun(){ if( !('placeholder' in d...
  • liuhenghui5201
  • liuhenghui5201
  • 2016-01-22 09:39:53
  • 5186

在ie9以下的版本placeholder显示

js代码:  $(function () { if ((navigator.appName == "Microsoft Internet Explo...
  • XianRenShan
  • XianRenShan
  • 2017-09-22 16:56:21
  • 187

ie9不支持placeholder

html:&amp;lt;Input     v-model=&quot;searchWord&quot;     placeholder=&quot;查找关键词&quot;     @on-ente...
  • qq_19739063
  • qq_19739063
  • 2018-03-21 19:36:37
  • 7

HTML:IE9及9以下浏览器兼容placeholder(包含密码输入框)

1.使用 HTML文件中: &amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;l...
  • m0_37826101
  • m0_37826101
  • 2018-02-13 16:37:22
  • 42

在IE9中实现placeholder功能

placeholder是文本框用来提示内容的属性,比如:会显示为: 然而IE9不支持此属性,可以使用js来简单模拟placeholder行为。我的基本思路是为输入框设置value值,并设置字体颜...
  • u014291497
  • u014291497
  • 2016-05-07 21:11:29
  • 8430

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

placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支...
  • cddcj
  • cddcj
  • 2016-09-08 16:54:14
  • 1603
收藏助手
不良信息举报
您举报文章:ie9的placeholder不显示的解决办法(包含多个密码框)
举报原因:
原因补充:

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