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.