--- title: ': Элемент вывода' slug: Web/HTML/Element/output tags: - Вёрстка - Элемент - вывод translation_of: Web/HTML/Element/output ---
{{HTMLRef}}

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

Категории контента Потоковый контент, фразовый контент, перечисляемые, лэйбловые, сбрасываемые форма-ассоциированные элементы, явный контент.
Разрешённый контент Фразовый контент.
Tag omission {{no_tag_omission}}
Разрешённые родители Все элементы, которые принимают фразовый контент.
Допустимые ARIA-роли Любые
DOM интерфейс {{domxref("HTMLOutputElement")}}

Атрибуты

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

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

Пример

Эта форма содержит слайдер, значение которого находится в пределах от 0 до 100, и элемент {{HTMLElement("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>

{{ EmbedLiveSample('Example')}}

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

Спецификация Статус Комментарии
{{SpecName('HTML WHATWG', 'forms.html#the-output-element', '<output>')}} {{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'forms.html#the-output-element', '<output>')}} {{Spec2('HTML5 W3C')}}

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

{{Compat("html.elements.output")}}

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