占位符不在IE中显示密码字段

Question

我已经实现了以下脚本在IE中为输入框显示占位符，但它不适用于密码字段，请通知我。

<script>
 jQuery(function() {
    jQuery.support.placeholder = false;
    test = document.createElement('input');
    if('placeholder' in test) jQuery.support.placeholder = true;
    });

    // Placeholder for IE
    $(function () {
        if(!$.support.placeholder) { 

            var active = document.activeElement;
            $(':text, textarea').focus(function () {
                if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
                    $(this).val('').removeClass('hasPlaceholder');
                }
            }).blur(function () {
                if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
                    $(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
                }
            });
            $(':text, textarea').blur();
            $(active).focus();
            $('form').submit(function () {
                $(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
            });
        }  

    });
</script>

Answer 1

尝试将input[type="password"]添加到选择器中，因此更改：

$(':text, textarea')

至：

$(':text, textarea, input[type="password"]')

因为*文本选择器只选择<input type="text">元素

Answer 2

两个问题：

1. 您没有选择密码字段。:text jQuery选择器只选择type=text (显式或隐式)的input。您必须将input[type=passsword]添加到选择器中，才能同时包含密码字段。
2. 但是，一旦修复了这个问题，当然，密码字段的值就会被模糊显示。因此，在它上设置占位符文本不会显示占位符。您必须以其他方式显示占位符文本，例如覆盖在字段上的span或div。