mostrar title al pasar el raton con un mensaje desde javascript

[GeekGirl]

Podrías hacer algo así:

Código HTML:

 <input class="inputHover" name="nombre" id="nombre" data-message="Este es el nombre" type="text" placeholder="nombre" />
  <input class="inputHover" name="apellido" id="apellido" data-message="Este es el apellido" type="text" placeholder="apellido" />
  <div id="tooltip"></div>
  <script type="text/javascript"> 
        var allInputs = document.getElementsByTagName('input');

        for (var a = 0; a < allInputs.length; a++) {
          if (allInputs[a].className == 'inputHover') {
            allInputs[a].onmouseover = function() {
              var mensaje = this.getAttribute("data-message");              
        
              document.getElementById("tooltip").innerHTML = mensaje;   
              document.getElementById('tooltip').style.display = 'block';   
            }

            allInputs[a].onmouseout = function() {
              document.getElementById('tooltip').style.display = 'none';     
            }
          }
        }
  </script> 

Lo único que tenés que hacer es agregar la clase inputHover a todos los input que quieras que tengan ese comportamiento, y en data-message el mensaje que quieras que muestren.
Saludos :)