解决IE下不支持placeholder属性

所属分类:输入-通用输入

 23260  69  查看评论 (16)
解决IE下不支持placeholder属性 ie兼容6
 /**
  * 解决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);

使用很简单

$("input").placeholder();


相关插件-通用输入

不容错过的内嵌代码编辑器高亮代码-JSFIDDLE

如果你的网站需要展示某些源码:html、css、js。那么你可以选择我之前介绍的两款代码高亮插件:SYNTAXHIGHLIGHTER 或者 SNIPPET 不过今天我要给大家介绍另外一款工具,下面我来大致介绍一下这款工具的特点。
  通用输入
 27126  43

解决IE下不支持placeholder属性

解决IE下不支持placeholder属性可以根据自己的需要去扩展.
  通用输入
 23260  69

jQuery Textarea全屏插件Textarea Fullscreen

Textarea Fullscreen是一个jquery插件大小只有5K,可以将textarea设置为全屏模式
  通用输入
 14359  18

漂亮的富文本编辑器WYSIWYG

接下来我要为大家介绍一款好看的富文本编辑器 wysiwyg 。先来看看官方对这款编辑器的相关功能描述吧。
  通用输入
 65804  57

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币

    つ明显喜欢。 0
    2017/9/19 11:23:53

    加了之后value的值不显示了

    回复
    我若不笑的猖狂谁替我坚强 0
    2017/9/19 10:34:30
    你好 为什么ie下文本框没有设置placeholder时文本框 会出现null值呢 回复
    转脚?踢到你 0
    2017/8/30 15:11:51
    我去,写的是什么玩意
        yanguangran0
        2017/9/5 10:17:20

        感觉非常实用的一段代码啊

    回复
    云天 0
    2017/8/2 16:18:38
    还存在问题,加了<input type="text" readonly="" value="请选择您的性别" id="clientsex"> 回复
    xzghting 0
    2017/1/17 11:22:03
    不行的。ie8完全没反应
        の转身、泪倾城0
        2017/3/22 11:19:04

        我也是,你怎么解决的能告诉我下吗

    回复
    wenzhilanyu 0
    2016/12/16 11:12:45
    加上去ie没变化,和原来一模一样 回复
    ...... 0
    2016/10/19 19:10:33
    怎么把字体颜色改成灰色啊 回复
    大浪淘沙 0
    2016/7/19 18:07:17
    不对吧,我为什么没有变化呢?奇怪? 回复
    我是良民 0
    2016/4/19 16:04:02
    加入表单验证就gg了 回复
    Tomi 0
    2016/4/14 15:04:15
    type="password"时就不好使了
        Zd??泽东不修图0
        2016/7/26 11:07:51
        对啊,密码就不行了
        自招0
        2017/9/20 14:05:38
        我也发现了
    回复
取消回复