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

Пример HTML:

Попробуй сам
<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>

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

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

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

Учебник HTML

HTML Элементы



Contema