Odpowiedzi:
Po prostu dodaj title
do swojego button
.
<button title="Hello World!">Sample Button</button>
title
atrybutu do pokazania skrótu klawiaturowego dla przycisku, ponieważ skróty nie są konieczne i tylko urządzenia dotykowe nie używają klawiatury.
oba <button>
znaczniki i <input type="button">
zaakceptuj atrybut tytułu.
<a>
i href
?
a
tagi, a także wszystkie tagi obsługują ten title
atrybut. Zobacz developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
Użyj title
atrybutu. Jest to standardowy atrybut HTML i domyślnie jest renderowany w podpowiedzi przez większość przeglądarek na komputery.
Dla wszystkich, którzy szukają szalonego rozwiązania , po prostu spróbuj
title="your-tooltip-here"
w dowolnym tagu . Przetestowałem na td
„i a
” i to całkiem działa.
Przycisk akceptuje atrybut „tytuł”. Następnie możesz przypisać mu wartość, która ma się pojawiać, gdy najedziesz myszką na przycisk.
<button type="submit" title="Login">
Login</button>
Atrybut tytułu ma na celu dać więcej informacji. To nie jest przydatne dla SEO, więc nigdy nie jest dobrym pomysłem mieć ten sam tekst w tytule i alt, który ma opisywać obraz lub dane wejściowe w porównaniu do tego, co robi. na przykład:
<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" />
Atrybut tytułu utworzy podpowiedź, ale będzie kontrolowany przez przeglądarkę tak daleko, jak się pojawi i jak będzie wyglądać. Jeśli chcesz mieć większą kontrolę, istnieją opcje jQuery innych firm, wiele szablonów css, takich jak Bootstrap, ma wbudowane rozwiązania, a także możesz napisać proste rozwiązanie css, jeśli chcesz. sprawdź to rozwiązanie w3schools .
Powinieneś użyć zarówno atrybutu title, jak i alt, aby działał we wszystkich przeglądarkach.
<button title="Hello World!" alt="Hello World!">Sample Button</button>
alt
Atrybut jest ważny tylko dla img
, input type="image"
i area
znaczniki.
disabled
przyciskach, ponieważ Bootstrap ustawia siępointer-events: none
na stan wyłączony. Powinno działać, jeśli zostanie ustawionepointer-events: auto
bezpośrednio na element.