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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 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>

Спецификации

Specification
HTML Standard
# the-output-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также