<output>: Элемент вывода

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨октябрь 2018 г.⁩.

HTML-элемент <output> является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя.

Категории контента	Потоковый контент, фразовый контент, перечисляемые, лэйбловые, сбрасываемые форма-ассоциированные элементы, явный контент.
Допустимый контент	Фразовый контент.
Пропуск тегов	Нет, открывающий и закрывающий теги обязательны.
Допустимые родители	Все элементы, которые принимают фразовый контент.
Допустимые ARIA-роли	Любые
DOM-интерфейс	`HTMLOutputElement`

Атрибуты

Этот элемент включает глобальные атрибуты.

for: Пробело-разделяемый список id других элементов, указывающий, что эти элементы предоставили входные значения для (или иным образом повлияли) вычисления.
form: Элемент формы, с которым связан этот элемент ("владелец формы"). Значением атрибута должен быть id элемента <form> в том же документе. Этот атрибут не нужен, если элемент <output> является потомком элемента <form> (в этом случае эта форма является владельцем формы), или, если элемент <output> вообще не связан с формой.
name: Имя элемента; используется для идентификации этого <output> при отправке формы.

Эта форма содержит слайдер, значение которого находится в пределах от 0 до 100, и элемент <input>, в который можно ввести второе значение. Два числа складываются и результат отображается в элементе <output> каждый раз, когда значение любого управляющего элемента меняется.

html

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