Відповіді:
Просто додайте titleдо свого button.
<button title="Hello World!">Sample Button</button>
titleатрибут для показу комбінації клавіш для кнопки, оскільки ярлики не потрібні та торкатися лише пристроїв, які не використовують клавіатури.
і <button>тег, і <input type="button">прийняти атрибут заголовка ..
<a>та href?
aяк і всі теги, підтримують titleатрибут. Дивіться developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
Використовуйте titleатрибут. Це стандартний атрибут HTML і за замовчуванням відображається підказками більшості браузерів настільних ПК.
Для всіх, хто шукає шаленого рішення , просто спробуйте
title="your-tooltip-here"
в будь-якому тезі . Я перевірив td's і a' s, і це досить добре працює.
Кнопка приймає атрибут "title". Потім ви можете призначити йому значення, яке ви хочете, щоб ярлик з'явився, коли ви наводить курсор миші на кнопку.
<button type="submit" title="Login">
Login</button>
Атрибут заголовка призначений для отримання додаткової інформації. Це не корисно для SEO, тому ніколи не є ідеєю мати один і той же текст у заголовку та alt, який призначений для опису зображення чи введення, а також того, що він робить. наприклад:
<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" />
Атрибут заголовка буде підказкою інструмента, але він буде контролюватися браузером, наскільки він відображається і як він виглядає. Якщо ви хочете більше контролю, є сторонні параметри jQuery, багато шаблонів css, таких як Bootstrap, мають вбудовані рішення, і ви також можете написати просте рішення css, якщо хочете. перегляньте це рішення для w3schools .
Ви повинні використовувати як атрибути title, так і alt, щоб він працював у всіх браузерах.
<button title="Hello World!" alt="Hello World!">Sample Button</button>
altАтрибут дійсний тільки img, input type="image"і areaтеги.
disabledкнопках, оскільки Bootstrap встановлюєpointer-events: noneдля відключеного стану. Він повинен працювати, якщо встановити йогоpointer-events: autoбезпосередньо на елемент.