Можно ли создать всплывающую подсказку для кнопки HTML. Это обычная кнопка HTML, и там нет атрибута «Заголовок», как для некоторых элементов управления HTML. Есть мысли или комментарии?
292
Просто добавьте title
к себе button
.
<button title="Hello World!">Sample Button</button>
disabled
кнопками, потому что Bootstrap устанавливаетpointer-events: none
для отключенного состояния. Должно работать, если установленоpointer-events: auto
прямо на элемент.title
атрибут для отображения сочетания клавиш для кнопки, потому что сочетания клавиш не нужны и устройства, работающие только на сенсорных устройствах, не используют клавиатуры.и
<button>
пометить и<input type="button">
принять атрибут заголовка ..источник
<a>
иhref
?a
а также все теги поддерживаютtitle
атрибут. См developer.mozilla.org/en-US/docs/Web/HTML/Global_attributesИспользуйте
title
атрибут. Это стандартный атрибут HTML, который по умолчанию отображается во всплывающей подсказке большинством браузеров.источник
Для всех, кто ищет сумасшедшее решение , просто попробуйте
в любом теге . Я проверил в
td
's иa
' s, и это довольно хорошо работает.источник
Кнопка принимает атрибут title. Затем вы можете присвоить ему значение, которое вы хотите, чтобы метка появлялась, когда вы наводите курсор мыши на кнопку.
источник
Атрибут title предназначен для предоставления дополнительной информации. Для SEO это бесполезно, поэтому никогда не стоит иметь один и тот же текст в заголовке и alt, который предназначен для описания изображения или ввода по сравнению с тем, что он делает. например:
Атрибут title создаст всплывающую подсказку, но браузер будет контролировать, насколько он будет отображаться и как он выглядит. Если вы хотите больше контроля, есть сторонние опции jQuery, многие шаблоны CSS, такие как Bootstrap, имеют встроенные решения, и вы также можете написать простое решение CSS, если хотите. проверить это решение w3schools .
источник
Вы должны использовать оба названия и альт атрибуты , чтобы заставить его работать во всех браузерах.
источник
alt
Атрибут действителен толькоimg
,input type="image"
иarea
теги.