Réponses:
Ajoutez simplement un titleà votre button.
<button title="Hello World!">Sample Button</button>titleattribut pour afficher un raccourci clavier pour un bouton parce que les raccourcis ne sont pas nécessaires et que seuls les appareils tactiles n'utilisent pas de clavier.
à la fois <button>tag et <input type="button">accepter un attribut de titre ..
<a>et href?
abalises ainsi que toutes les balises prennent en charge l' titleattribut. Voir developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
Utilisez l' titleattribut. Il s'agit d'un attribut HTML standard et est rendu par défaut dans une info-bulle par la plupart des navigateurs de bureau.
Pour tous ceux qui recherchent une solution folle ici , essayez simplement
title="your-tooltip-here"dans n'importe quelle balise . J'ai testé en td'et a' et ça marche plutôt bien.
Un bouton accepte un attribut "title". Vous pouvez ensuite lui affecter la valeur que vous souhaitez faire apparaître une étiquette lorsque vous passez la souris sur le bouton.
<button type="submit" title="Login">
Login</button>L'attribut title est destiné à donner plus d'informations. Ce n'est pas utile pour le référencement, donc ce n'est jamais une bonne idée d'avoir le même texte dans le titre et l'alt qui est destiné à décrire l'image ou l'entrée est par rapport à ce qu'il fait. par exemple:
<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" />L'attribut title fera une info-bulle, mais il sera contrôlé par le navigateur jusqu'à l'endroit où il apparaît et à quoi il ressemble. Si vous souhaitez plus de contrôle, il existe des options jQuery tierces, de nombreux modèles CSS tels que Bootstrap ont des solutions intégrées, et vous pouvez également écrire une solution CSS simple si vous le souhaitez. découvrez cette solution w3schools .
Vous devez utiliser les attributs title et alt pour le faire fonctionner dans tous les navigateurs.
<button title="Hello World!" alt="Hello World!">Sample Button</button>altattribut est uniquement pour les valides img, input type="image"et les areamots clés.
disabledboutons car Bootstrap définit l'pointer-events: noneétat désactivé. Il devrait fonctionner s'il est définipointer-events: autodirectement sur l'élément.