IE中的占位符

时间:2012-01-27 09:57:48

标签: javascript jquery internet-explorer placeholder

我正在使用这个脚本:http://www.morethannothing.co.uk/wp-content/uploads/2010/01/placeholder.js将一些占位符导入IE。对输入类型的文本和密码起作用。

但是,似乎没有加载文本区域。有没有人知道我可以添加的一行代码,或者可能会执行一些jQuery或JavaScript来加载它。

提前致谢。

3 个答案:

答案 0 :(得分:1)

而不是$(':text[placeholder],:password[placeholder]')使用$(':text[placeholder],:password[placeholder],textarea[placeholder]')

答案 1 :(得分:0)

对于所有输入和textarea: $( '输入[占位符],文本区域[占位符')

答案 2 :(得分:0)

<script type="text/javascript"> 
    if(navigator.userAgent.indexOf("MSIE") > 0 )
    {
        $(function()
        {
            var input = document.createElement("input");
            if(('placeholder' in input) == false)
            {
                $('[placeholder]').focus(function()
                {
                    var i = $(this);
                    if(i.val() == i.attr('placeholder'))
                    {
                        i.val('').removeClass('placeholder');
                        if(i.hasClass('password'))
                        {
                            i.removeClass('password'); this.type='password';
                        }
                    }
                }).blur(function()
                {
                    var i = $(this);
                    if(i.val() == '' || i.val() == i.attr('placeholder'))
                    {
                        if(this.type=='password')
                        {
                            i.addClass('password'); this.type='text';
                        }
                        i.addClass('placeholder').val(i.attr('placeholder'));
                    }
                }).blur().parents('form').submit(function()
                {
                    $(this).find('[placeholder]').each(function()
                    {
                        var i = $(this);
                        if(i.val() == i.attr('placeholder')) i.val('');
                    });
                });
            }
        });
    }


    </script>