input type

[Mich_]

Ecco una bozza (da sistemare)

:
<span id="p_uno">
  <input type="text" value="password" 
    onfocus="document.getElementById('p_uno').style.display='none'; 
    document.getElementById('p_due').style.display='inline'; 
    this.disabled='true; this.form.passw.focus();" />
</span>
<span id="p_due">
  <input type="password" name="passw" />
</span>

Provalo tu, perche` io non lo ho fatto.

[willybit]

ho fatto una prova con innerHTML e pare funzionare

<script>
function cambia(){
  var dd = document.getElementById('divPassword')
  dd.innerHTML='<input type="password" name="password">'
  setTimeout('document.NomeForm.password.focus()',50);
}
</script>
<form name="NomeForm">
<div id="divPassword"><input type="text" name="password" value="password" onfocus="cambia()"></div>
<input type="submit" value="submit" name="submit">
</form>

[ALonE]

fikata funziona.
Però se l'utente cancella tutta la password che ha appena inserito non torna come prima, cioè la scritta "password".

[willybit]

però non puoi farlo all'onkeyup... devi farlo all'onblur

<script>
function cambia(){
	var dd = document.getElementById('divPassword')
	dd.innerHTML='<input type="password" name="password" onblur="ricambia(this)">'
	setTimeout('document.NomeForm.password.focus()',50);
}
function ricambia(pp){
	if(pp.value==''){
		var dd = document.getElementById('divPassword')
		dd.innerHTML='<input type="text" name="password" value="password" onfocus="cambia()">'
	}
}
</script>
<form name="NomeForm">
<div id="divPassword"><input type="text" name="password" value="password" onfocus="cambia()"></div>
<input type="submit" value="submit" name="submit">
</form>

[ALonE]