解决IE下不支持placeholder属性可以根据自己的需要去扩展.

本文介绍了一种解决Internet Explorer浏览器中不支持HTML5 input元素placeholder属性的方法。通过使用jQuery扩展了一个placeholder功能,使得在IE浏览器下也能显示提示文本,并在用户输入时正确隐藏。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

/**
  * 解决IE下不支持placeholder属性
  * 可以根据自己的需要去扩展
  * ps:写的很简单  根据自己的需求来  不喜勿喷
  */
;(function($) {
     
$.fn.placeholder = function(options) {
         
var opts = $.extend({}, $.fn.placeholder.defaults, options);
         
var isIE = document.all ? true false;
         
return this.each(function() {
             
var _this = this,
                
 placeholderValue = _this.getAttribute("placeholder"); //缓存默认的placeholder值
            
  if (isIE) {
                 
_this.setAttribute("value", placeholderValue);
                 
_this.onfocus = function() {
                   
   $.trim(_this.value) == placeholderValue ? _this.value = "" '';
                
  };
               
   _this.onblur = function() {
                     
$.trim(_this.value) == "" ? _this.value = placeholderValue : '';
                 
};
             
}
         
});
     
};

 

})(jQuery);


使用很简单

1
$("input").placeholder();

以上是转载的,用来解决input的placeholder没有问题,用在textarea就有问题,

所以我把代码拆开了写在自己的代码里就可以了,所以以上我认为可以参考,

提供思路,具体还得联系实际,举一反三。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值