HTML тег <output>

Элемент <output> (от англ. "output" ‒ «выход, вывод») определяет область, в которую выводится результат вычислений или действий пользователя (обычно рассчитывается с помощью скриптов). Он может принадлежать определенной форме <form>, располагаясь внутри нее в качестве дочернего элемента, или ссылаться на неё через атрибут form.

Синтаксис

<output> ... </output>

Закрывающий тег

Обязателен.

Атрибуты

forHTML5

Определяет список разделенных пробелами идентификаторов одного или нескольких элементов, указывающих отношение между результатом вычисления и элементами, используемыми в расчетах.

---

formHTML5

Определяет форму, которой принадлежит элемент <output>. В качестве значения атрибута выступает идентификатор нужной формы.

---

nameHTML5

Определяет имя для элемента, которое может быть использовано для доступа к данным формы после отправки на сервер или для ссылки на элемент в JavaScript.

---

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <output> со следующими значениями CSS по умолчанию:

output {
    display: inline;
}

Различия между HTML 4.01 и HTML5

Тег <output> был добавлен в HTML5.

Пример использования:

Умножение двух чисел и вывод результатов в элементе <output>:

<p>Умножение двух чисел:</p>
<form oninput = "a.value = b.valueAsNumber * c.valueAsNumber">
  <input type = "number" id = "b"> *
  <input type = "number" id = "c"> =
  <mark> <output  name = "a" for = "b c"> </output> </mark>
</form>

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

Учебник HTML

HTML Элементы