Tooltips für Schaltflächenelemente

Question

Ist es möglich, einen Tooltip für eine html-Schaltfläche zu erstellen. Es ist eine normale HTML-Schaltfläche und es gibt kein Title-Attribut, wie es bei einigen HTML-Steuerelementen vorhanden ist. Irgendwelche Gedanken oder Kommentare?

Answer 1

Das Attribut title dient dazu, weitere Informationen zu liefern. Es ist nicht nützlich für die Suchmaschinenoptimierung, daher ist es nie eine gute Idee, denselben Text im Titel und im alt-Attribut zu haben, der das Bild oder die Eingabe beschreiben soll und nicht das, was es tut, zum Beispiel:

<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" />

Das title-Attribut erzeugt einen Tooltip, aber der Browser bestimmt, wo er angezeigt wird und wie er aussieht. Wenn Sie mehr Kontrolle wollen, gibt es jQuery-Optionen von Drittanbietern, viele CSS-Vorlagen wie Bootstrap haben integrierte Lösungen, und Sie können auch eine einfache CSS-Lösung schreiben, wenn Sie wollen. schauen Sie sich dies an w3schools Lösung .

Answer 2

Wenn Ihre Schaltfläche immer noch nichts anzeigt, können Sie mit title Prüfen Sie, ob Ihre Schaltfläche NICHT disabled

Answer 3

Sie sollten Folgendes verwenden à la fois Titel y alt Attribute, damit es in allen Browsern funktioniert.

<button title="Hello World!" alt="Hello World!">Sample Button</button>