<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
# the-output-element

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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
output
for
form
name

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

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