<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>