xcorpion, me alegro que te haya servido el ejemplo.
mickeyy, paso a explicarte el código:
Primer input:
<input name="pass1" type="text" value="password"
Hasta aquí todo bien.
style="display: block" display indica que "desplegue" o no el objeto.
block: indica que debe desplegarlo
el contrario, no desplegar, es
none
Cuando se coloca el foco en este objeto (evento
onFocus, le pido que haga lo siguiente:
this.style.display='none';
si lo escribiese en castellano diría:
esteObjeto.estilo.desplegar='no desplegar'
Es decir, que lo que estoy haciendo es ocultar este objeto.
Una vez que lo oculto, le digo:
pass.style.display='block';
objetoPass.estilo.desplegar='desplegar'
Es decir, que muestro el segundo objeto, el que verdaderamente es el objeto password.
Y, para disimular el efecto, debo matener el foco en este objeto que estoy mostrando:
pass.focus()
este objeto "password" (llamado "pass"), lo único que tiene, es la indicación de "no desplegarlo" y será el primer objeto, quien se ocupe de desplegarlo en su momento.
Espero haber sido clara
Saludos!!