Poner texto de ayuda en los formularios

[ib281101]

Hola, antes de nada enhorabuena por su aportaciones en la web. Tengo un pequeño problema y es que estoy haciendo un formulario y me gustaria que al poner el cursor en cada campo al lado saliera una pequeña descripcion y/o ayuda de lo que es el campo. Se que se puede hacer con css, pero no se mucho. Me pueden ayudar? te dejo un ejemplo de una web que lo hace.

https://es.smartdate.com/before_confirmation

Gracias desde Barcelona

[ajosecorrea]

En css podes probar con el atributo placeholder...
Yo lo puse en mi web.... ejemplo en css:

<input type="text" class="cajachica" name="nombre" placeholder="Pon tu nombre">

http://www.webcheck.es/webcheckcontacto.html (se ve en chrome y safari solamente).

Saludos!

[ib281101]

Gracias, pero lo necesito para que funcione en Explorer 8 y Firefox.

[sanxuan]

En el enlace que proporcionas usan Javascript (jQuery). Puedes seguir este enlace:
http://onehackoranother.com/projects/jquery/tipsy/
Una forma equivalente en css sería incluir cada input dentro de un div con una clase.
<div class="contenedor_input">
<input >
<p class="info"> Texto info</p>
</div>

Ocultamos la clase info usando display:none y al pasar sobre contenedor_input la hacemos visible con display:block. Sería un css como éste:
.info{display:none;}
.contenedor_input:hover .info{ display:block}
Faltarían añadir las propiedades para darle la apariencia y la posición a cada elemento.
No es exactamente lo mismo pero cumple la misma función.