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

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

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

Атрибуты

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

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

Пример

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

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

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

Спецификация Статус Комментарии
HTML Living Standard
Определение '<output>' в этой спецификации.
Живой стандарт
HTML5
Определение '<output>' в этой спецификации.
Рекомендация

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
outputChrome Полная поддержка 10Edge Полная поддержка ≤18Firefox Полная поддержка 4IE Нет поддержки НетOpera Полная поддержка 11Safari Полная поддержка 7WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
forChrome Полная поддержка 10Edge Полная поддержка ≤18Firefox Полная поддержка 4IE Нет поддержки НетOpera Полная поддержка 11Safari Полная поддержка 7WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Совместимость неизвестна  
Совместимость неизвестна

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