hola. ¿ como puedo añadir un background:url("imagenes/descarga.png") a este código para utilizarlo con onfocus y onblur. Gracias
<input type="text" name="email" id="email" value="Escribe tu email y pulsa enter" onfocus="if (this.value == 'Escribe tu email y pulsa enter') this.value='';" onblur="if (this.value == '') this.value='Escribe tu email y pulsa enter';" >
Respuestas
En primer lugar, el código que muestras se podría reemplazar por lo siguiente:
<input type="text" name="email" id="email" value="" placeholder="Escribe tu email y pulsa enter">
El atributo placceholder indica el texto que se muestra cuando el <input> no tiene un valor. El navegador quita ese texto cuando el usuario pincha sobre el <input> para escribir en el.
Y con respecto a tu pregunta, deberías poder usar un código como el siguiente:
<input type="text" name="email" id="email" value="Escribe tu email y pulsa enter" onfocus="if (this.value == 'Escribe tu email y pulsa enter') { this.value = ''; this.style.background = 'url("imagenes/descarga.png")'; }" onblur="if (this.value == '') { this.value = 'Escribe tu email y pulsa enter'; this.style.background = 'transparent'; }" >
@javiereguiluz
28 agosto 2015, 13:46
Gracias Javier, explicas muy bien. Saludos
@_analeblanc
28 agosto 2015, 20:44