placeholder no IE9

[Hugo Borges_120734 6]

Bom como todos sabemos o placeholder ainda não funciona nativamente via html5 no internet explorer. Para contornar isso estou usando uma fusão em jQuery:

$(document).ready(function() {
	
	function add() {
		if($(this).val() == ''){$(this).val($(this).attr('placeholder')).addClass('placeholder');}
	}
    	function remove() {
		if($(this).val() == $(this).attr('placeholder')){$(this).val('').removeClass('placeholder');}
	}
    	if (!('placeholder' in $('<input>')[0])) {
       		 $('input[placeholder], textarea[placeholder]').blur(add).focus(remove).each(add); 
        	$('form').submit(function(){$(this).find('input[placeholder], textarea[placeholder]').each(remove);});
    	}
});

Bom ela funciona 100%, porem estou tendo um problema. Uso ela em um campo type='password', e o problema e que o que defino como placeholder=' SENHA' fica assim (********).

 

Alguém sabe alguma solução, para o que seja definido como placeholder aparece normalmente, e quando o usuário começar a digitar a senha apareça o ****

[William Bruno 1501]

Ai vc precisa mudar o type do input.

Algumas versões antigas do IE não suportavam muito bem essa mudança dinâmica de type.. a partir de qual versão vc pretende suportar?

[Hugo Borges_120734 6]

Bom queria a partir da 9. não posso mudar o type no html, pois o campo e de uma senha, e assim ela ficaria visível.

[William Bruno 1501]

Muda via jQuery. É assim que vc teria que fazer para aparecer o placeholder.

 

Antigamente, nós trocávamos os inputs, colocando um sobreposto no outro, já que o IE não suportava a troca do type.

[Hugo Borges_120734 6]

Bom acho que vou fazer o sistema trabalhar apenas com IE 11, pois ele quase não tem incompatibilidade