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

Категории контента Потоковый контент, фразовый контент, перечисляемые, лэйбловые, сбрасываемые формо-ассоциированные элементы, явный контент.
Разрешенный контент Фразовый контент.
Tag omission None, both the starting and ending tag are mandatory.
Разрешенные родители Все элементы, которые принимают фразовый контент.
Допустимые 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 для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
outputChrome Полная поддержка 10Edge Полная поддержка ДаFirefox Полная поддержка 4IE Нет поддержки НетOpera Полная поддержка 11Safari Полная поддержка 7WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
forChrome Полная поддержка 10Edge Полная поддержка ДаFirefox Полная поддержка 4IE Нет поддержки НетOpera Полная поддержка 11Safari Полная поддержка 7WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

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

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

Метки документа и участники

Внесли вклад в эту страницу: opereverzeva
Обновлялась последний раз: opereverzeva,