mostrar title al pasar el raton con un mensaje desde javascript

[mensajeescrito]

Bueno he conseguido lo que comente.

Es decir que poniendome encima de un input se haga visible un div con un mensaje dentro.

EL problema es que ahora lo que necesito es que este mismo codigo sirva para que poniendome encima de cualquier input me muestre su correspondiente comentario en el tooltip.


Este es el codigo , que como digo funciona para un solo id pero necesito que funciona para todos los inputs.

he hecho un intento para que funcione para todos los inputs , dicho codigo comentado aparece en el codigo pero "comentado"

a ver si una manita se agradeceria.

Código CSS:

background:#000000;
            width:150px;    
            height:30px;
            color:#ff0000;
            font-size:16px;
            
            display:none;
        }
 

Código HTML:

<input name="nombre" id="nombre" type="text" placeholder="nombre" />
 
        <input name="apellido" id="apellido" type="text" placeholder="apellido" />
 
        <div id="tooltip"></div>
 

Código Javascript:

document.getElementById("nombre").onmouseover = mostrarMensaje;
            
            document.getElementById("nombre").onmouseout = ocultarMensaje;
 
            //var valores = document.querySelectorAll("#nombre #apellido").onmouseover = mostrarMensaje;
        
            
            
                    function mostrarMensaje() {
 
                          /*
                          switch(variable=valores) {
                          
                            case nombre: document.write("Este es el nombre"); break;
                            case apellido: document.write("Este es el apellido"); break;          
                          }
                          */
 
 
        
                          var mensaje = "Este es el nombre";              
                    
                          document.getElementById("tooltip").innerHTML = mensaje;   
                          
                          document.getElementById('tooltip').style.display = 'block';             
                    }
        
        
        
                    function ocultarMensaje() {
        
                          var mensaje = "";           
                    
                          document.getElementById("tooltip").innerHTML = mensaje;   
                          
                          document.getElementById('tooltip').style.display = 'none';              
                    }