Hola, he intentado abreviar la funcion, metiendo los ids usuario e email en document.getElementById("usuario","email").onfocus=focus e igual con onblur=blur, pero no funciona lo he tenido que poner por separado para que me funcione. ¿ Es posible abreviarlo?. gracias.
<!doctype html>
<html>
<head>
<meta charset=utf-8">
<head>
<title>formulario</title>
<style type="text/css">
input{
background-image:url("imagenes/descarga.png");
background-repeat:no-repeat;
padding-left:25px;
width:180px;
height:20px;
}
#usuario{
background-image:url("imagenes/online-red-icon.png");
}
</style>
<script type="text/javascript">
window.onload=function(){
document.getElementById('usuario').onfocus=focus
document.getElementById('usuario').onblur=blur
document.getElementById('email').onfocus=focus
document.getElementById('email').onblur=blur
}
function focus(){
this.value= '';
this.style.background= 'transparent';
}
function blur(){
usuario.value='Escribe tu nombre';
email.value='Escribe tu Email';
email.style.background='url(imagenes/descarga.png)no-repeat';
usuario.style.background = 'url(imagenes/online-red-icon.png)no-repeat';
}
</script>
</head>
<body>
<form action="registro.php" method="get" name="miFormulario" id="miFormulario"
enctype="multipart/form-data">
<input type="text" name="usuario" id="usuario" value="Escribe tu Nombre" >
<input type="text" name="email" id="email" value="Email" >
</form>
</body>
</html>