Атрибут title тега <output>

Описание

Атрибут title добавляет всплывающую подсказку к элементу <output>, которая появляется при наведении курсора. Подсказка может содержать дополнительное описание или пояснение к выводимым данным.

Пример использования:
<form oninput="result.value = Math.round(amount.value * rate.value * 100)/100"> Сумма: <input type="number" id="amount" value="100"> Курс: <input type="number" id="rate" value="1.2" step="0.01"> <output name="result" title="Результат конвертации валюты">120</output> </form>

Основные характеристики:

Характеристика Описание
Отображение Всплывающая подсказка при наведении
Содержимое Текстовая информация (обычно краткая)
Доступность Доступна скринридерам как дополнительное описание

Рекомендации по использованию:

  • Используйте для пояснения формата или единиц измерения
  • Держите текст подсказки кратким (1-2 предложения)
  • Не дублируйте видимый текст элемента
  • Избегайте важной информации только в title

Пример с пояснением формата:

<output title="Формат: ГГГГ-ММ-ДД">2025-12-31</output>

Особенности работы:

  • Время появления подсказки зависит от браузера
  • На мобильных устройствах может не отображаться
  • Не поддерживает HTML-разметку внутри
  • Может использоваться вместе с другими атрибутами

Ограничения:

  • Не заменяет ARIA-атрибуты для сложных описаний
  • Не должен быть единственным способом передачи важной информации
  • Эффективность зависит от реализации в браузере

Примечание: Для важных пояснений, которые должны быть всегда доступны пользователям, рекомендуется использовать видимые текстовые элементы рядом с <output>, а не полагаться исключительно на атрибут title.