HTML5 introdujo laplaceholder atributo eninput elements, que permite mostrar un texto predeterminado atenuado.

Sadly Internet Explorer, incluido IE 9, no lo admite.

Ya hay algunos scripts de simulador de marcador de posición por ahí. Por lo general, funcionan colocando el texto predeterminado en el campo de entrada, le dan un color gris y lo eliminan nuevamente tan pronto como enfoca el campo de entrada.

El inconveniente de este enfoque es que el texto del marcador de posición está en el campo de entrada. Así

scripts no pueden verificar fácilmente si un campo de entrada está vacío el procesamiento del lado del servidor debe verificar el valor predeterminado para no insertar el marcador de posición en la base de datos.

Me gustaría tener una solución, donde el texto del marcador de posición no está en la entrada en sí.