解决IE下不支持placeholder属性

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

 12542  57  查看评论 (10)
解决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();


相关插件-通用输入

jquery轻量级文本编辑器Trumbowyg

Trumbowyg一个轻量级文本编辑器,简洁漂亮的设计,生成语义代码,有一个强大的API。 编辑生成的代码进行了优化,HTML5的支持。 兼容浏览器IE7 +,Chrome,Opera和Firefox。 只有15 kb这意味着更快的页面加载。
  通用输入
 53286  68

解决IE下不支持placeholder属性

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

jQuery Textarea全屏插件Textarea Fullscreen

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

KindEdit文本编辑器

一种小型轻便的编辑器 很方便实用
  通用输入
 20236  87

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

    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
        对啊,密码就不行了
    回复
    danshuimiao 0
    2016/3/2 15:03:41
    我想问这代码在avalon框架下能用么? 回复
    山丘的彼方 0
    2016/2/2 11:02:43

    比我的方法简单些

    回复
取消回复