He creado el efecto que tienen las cajas de texto de la pagina de inscripcion de facebook (en la caja de texto tiene un texto descriptivo y al darle click desaparece el texto descriptivo, si la caja de texto no tiene nada escrito y el foco esta fuera de la caja de texto aparece de nuevo el texto descriptivo), aqui el codigo funcional:
JavaScript
Código Javascript:
Ver original
function ClickApareceDesapareceTexto(ObjCajaTexto,Texto) { var ValorCajaTexto = ObjCajaTexto.value; if(ValorCajaTexto == Texto) { document.getElementById('user').value = ''; document.getElementById('user').className = 'Desaparece'; } if(ValorCajaTexto == '') { document.getElementById('user').value = Texto; document.getElementById('user').className = 'Aparece'; } }
Css
Código CSS:
Ver original
.Aparece { color: #666666; font-style: italic; } .Desaparece{ color: #000099; }
Html
Código HTML:
Ver original
La duda es como realizar el comportamiento de darle click a la caja de texto y me muestre el cursor parpadeando y el texto descriptivo no desaparesca, como se lo puede ver en las cajas de texto del formulario de Facebook


porque el codigo que coloque no realiza dicho efecto

Si no es el foro adecuado donde deberia ir esta pregunta, cambiarlo porfavor al lugar correcto.
Gracias por su tiempo.