CSS - Cambio de color de fondo en Campos de texto

 
Vista:

Cambio de color de fondo en Campos de texto

Publicado por RyDer (1 intervención) el 16/11/2005 15:10:20
Hola a tod@s.
Quisiera saber si alguien tiene idea de cómo hacer que un usuario, al cambiar de foco en los campos de texto de un formulario, el color de fondo de los campos cambie también.

Por ejemplo, tengo por default que el color de fondo sea blanco, y cuando el usuario haga clic en el campo (o lo enfoque), éste se "ilumine" a amarillo, para que sepa que el cursor está en ese campo.
No sé como manipular ese evento, sé que es con "onFocus" o "Focus", pero no sé qué código colocar.

Les agradezco su atención.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Cambio de color de fondo en Campos de texto

Publicado por Daniel Ulczyk (149 intervenciones) el 16/11/2005 18:46:02
La solución no está mediante CSS; sino con JavaScript, para manejar los eventos. Tu hoja HTML, básicamente, debiera verse de la siguiente manera:

<HTML>
<HEAD>
<SCRIPT LANGUAGE=JavaScript>
function CambiaFondoInput(box)
{
document.all.form1.texto1.style.background = '#FFF';
document.all.form1.texto2.style.background = '#FFF';
document.all.form1.texto3.style.background = '#FFF';
document.all[box].style.background = '#FFFF00';
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME=form1>
<input onfocus="CambiaFondoInput('texto1');" name="texto1" style="background-color:#eeeeee" id="txt1" value="Input" ><br>
<input onfocus="CambiaFondoInput('texto2');" name="texto2" style="background-color:#eeeeee" id="txt2" value="Input" ><br>
<input onfocus="CambiaFondoInput('texto3');" name="texto3" style="background-color:#eeeeee" id="txt3" value="Input" ><br>
</FORM>
</BODY>
</HTML>

Saludos
Daniel Ulczyk
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar