Відповіді:
Просто додайте 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
безпосередньо на елемент.