Una de las novedades introducidas en HTML5 son los marcadores de posición o comunmente llamados placeholder que, para quien no los conozca, son los textos que aparecen por defecto en los distintos campos de nuestros formularios.

En nuestras webs maquetadas en HTML5 esta propiedad ya ha sido implementa y basta con añadir el atributo “placeholder” a nuestros campos tal y como se muestra en el siguiente ejemplo:

 

Ahora bien, dado que HTML5 no es soportado por la mayoría de navegadores o, por cualquier motivo, tenemos nuestra web maquetada en HTML4 (o XHTML) podemos dar este mismo efecto con la ayuda del siguiente código Javascript (obtenido de www.niklaskoehler.de).

Simplemente lo situamos dentro de nuestras etiquetas <head></head> definiendo el id de nuestro input y el texto que queramos que aparezca reflejado: