Si lo que necesitamos es agregar alguna ayuda para el usuario cuando estan cargando un formulario web, podemos recurrir a los tooltip(pequeños globos que muestran texto) cuando nos posicionamos en cualquier control input.
Este tutorial que encontre en
elwebmaster nos enseña como utilizar
Tooltip for forms para realizar esta tarea, el cual es una librería en Javascript.
Ejemplo: para agregarlo a una casilla de texto debes colocar:
input id="ejemplo" name="ejemplo" tooltiptext="Este es el texto que aparecerá como ayuda" type="text"
Para inicializar y configurar la herramienta debes utilizar el siguiente código:
var tooltipObj = new DHTMLgoodies_formTooltip(); //lo crea
tooltipObj.setTooltipPosition('right'); // Indica en que posición se mostrar el globo, puede ser right(derecha) o below(debajo)
tooltipObj.setPageBgColor('#EEE'); //Debes indicar el color de fondo de tu sitio
tooltipObj.setCloseMessage('Cerrar'); // Indica el texto que aparecerá para que el usuario pueda cerrar el globo
tooltipObj.setDisableTooltipMessage('No mostrar más');
//Mensaje que aparecerá para que el usuario pueda tener la opción de que no aparezcan más textos de ayuda
tooltipObj.initFormFieldTooltip(); //inicializa
Con esto ya debería funcionar sin problemas.
Descarga Tooltips for Forms desde el sitio de DhtmlGoodies (haz clic aquí).