HTML-тег <output>

Характеристики

• Тип: строчный, интерактивный, семантический
• Назначение: Представляет результат вычисления или пользовательского действия.
• Родители: Любые элементы, допускающие потоковый контент.
• Потомки: Потоковый контент или текст.
• Глобальные атрибуты: все
• Атрибуты событий: все

Атрибуты

• for — Связывает output с одним или несколькими элементами формы.
• form — Связывает output с формой, если он находится вне её.
• name — Имя output, используемое при отправке данных формы.

Пример использования

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="number" name="a"> +
  <input type="number" name="b"> =
  <output name="result"></output>
</form>

Использование в JavaScript

// Обновление значения output
const outputElement = document.querySelector('output');
outputElement.value = '42';

Рекомендации по обеспечению доступности (a11y)

• Используйте для отображения результатов, связанных с формой.
• Атрибут for связывает <output> с элементами формы по их id.
• Обеспечивает семантическую разметку для вспомогательных технологий.

Полезные ссылки

• Статья на Doka.guide о <output>