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

Синтаксис

Тег <output> парный, закрывающий тег обязателен.

Пример

<!DOCTYPE html>
<html>
  <body>
    <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
      <input type="range" id="a" value="50">100 +
      <input type="number" id="b" value="25"> =
      <output name="x" for="a b"></output>
    </form>
    <p>Умножение:</p>
    <form oninput = "d.value = e.valueAsNumber * f.valueAsNumber">
      <input type = "number" id = "e"> *
      <input type = "number" id = "f"> =
      <output name = "d" for = "e f"> </output>
    </form>
  </body>
</html>

Результат

example1

Атрибуты

Атрибут Значение Описание
for element_id Определяет идентификатор элемента/элементов, указывающих отношение между результатом вычисления и элементами, используемыми в расчетах.
form form_id Определяет одну или несколько форм, к которым принадлежит элемент.
name name Определяет имя элемента.

Тег <output> поддерживает также глобальные атрибуты и атрибуты событий.

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

chrome firefox safari opera
10+ 4+ 5.1+ 11+

Практикуйте свои знания

What purpose does the <output> HTML tag serve?
Считаете ли это полезным?