cambiar input type password a text y al revés

[darcon3371]

Se que este post es de hace mucho, pero yo encontre una solucion y quiero compartirla.

Se trata de colocar 2 inputs... uno tipo text y otro pass.

Primero tenemos visible el de tipo text con value: "Contraseña" o algo así, al hacer "focus" en éste lo ocultamos y mostrarmos el tipo pass, y ponemos el "foco" en este último... coloco el codigo por si a alguien le sirve (espero q si :))

Código HTML:

<input name="temp" id="temp" type="text" value="Contraseña" />
<input name="pass" id="pass" type="password" style="display:none" />
 

Código Javascript:

$("#temp").focus(function(){ 
        $(this).hide();
        $("#pass").show();
        $("#pass").focus();
    });
 
    $("#pass").blur(function(){ 
        if(!$(this).attr('value')){
            $(this).hide();
            $("#temp").show();
        }
    });
 

PD: Utilizo jquery