Respuestas:
Simplemente agregue un titlea su button.
<button title="Hello World!">Sample Button</button>titleatributo para mostrar un atajo de teclado para un botón porque los atajos no son necesarios y los dispositivos táctiles no usan teclados.
ambos <button>etiquetan y <input type="button">aceptan un atributo de título.
<a>y href?
a, así como todas las etiquetas admiten el titleatributo. Ver developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
Usar titleatributo Es un atributo HTML estándar y, de forma predeterminada, la mayoría de los navegadores de escritorio lo muestran en una información sobre herramientas.
Para todos los que buscan una solución loca , simplemente intente
title="your-tooltip-here"en cualquier etiqueta . He probado en td'sy a' s y funciona bastante.
Un botón acepta un atributo "título". Luego puede asignarle el valor que desea que aparezca una etiqueta cuando coloca el mouse sobre el botón.
<button type="submit" title="Login">
Login</button>El atributo de título está destinado a dar más información. No es útil para SEO, por lo que nunca es una buena idea tener el mismo texto en el título y el alt, que está destinado a describir la imagen o la entrada, es lo que hace. por ejemplo:
<button title="prints out hello world">Sample Buttons</button>
<img title="Hms beagle in the straits of magellan" alt="HMS Beagle painting" src="hms-beagle.jpg" />El atributo title hará una sugerencia de herramienta, pero será controlado por el navegador hasta donde aparezca y cómo se vea. Si desea más control, existen opciones jQuery de terceros, muchas plantillas css como Bootstrap tienen soluciones integradas, y también puede escribir una solución css simple si lo desea. echa un vistazo a esta solución de w3schools .
Debe usar los atributos de título y alt para que funcione en todos los navegadores.
<button title="Hello World!" alt="Hello World!">Sample Button</button>altatributo sólo es válido para img, input type="image"y arealas etiquetas.
disabledbotones porque Bootstrap establece elpointer-events: noneestado deshabilitado. Debería funcionar si se establecepointer-events: autodirectamente en el elemento.