Ver Mensaje Individual
  #9 (permalink)  
Antiguo 02/03/2008, 16:42
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 10 meses
Puntos: 20
Re: Casilla Input password

Cita:
Iniciado por ch_xxii Ver Mensaje
Código:
<html>
<head>
	<title>Prueba login/password</title>

</head>
<body>
	<form name="formLogin">
		<table cellspacing="0" cellpadding="2" border="0">
			<tr>
				<td><input type="text" name="user" onblur="if(this.value=='') this.value='User';" onfocus="if(this.value=='User') this.value='';" value="User"/></td>
				<td id="td_pass2"><input type="text" name="pass2" style="width:145" value="Password" onfocus="document.getElementById('td_pass2').style.display = 'none'; document.getElementById('td_pass').style.display = '';document.formLogin.pass.focus();"/></td>
				<td id="td_pass" style="display:none"><input type="password" name="pass" style="width:145" onblur="if(this.value == '') {document.getElementById('td_pass').style.display = 'none'; document.getElementById('td_pass2').style.display = '';}"/></td>
			</tr>
		</table>
	</form>
</body>
</html>
Espero que te sea útil !!
Heyy! que bueno ch_xxii!

También encontré otra solución

Se trata de crear una capa que envolviese todo el formulario y ponerle


.loginBox * {
display:block;
float:left;
margin-left:0.5px;
}

De esta forma en IE tb se ve bien.

Mi pregunta ahora es... esto de ponerle el * es lo que se llama un "hack" no? si quiero que mi codigo css sea validado esto no importa?

Gracias compis