Тег HTML <output>


Пример

Выполните расчет и покажите результат в элементе <output>:

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" id="a" value="50">
  +<input type="number" id="b" value="25">
  =<output name="x" for="a b"></output>
</form>

Определение и использование

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


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

Цифры в таблице указывают на первую версию браузера, полностью поддерживающую элемент.

Element
<output> 10.0 13.0  4.0 5.1 11.0

Атрибуты

Attribute Value Description
for element_id Specifies the relationship between the result of the calculation, and the elements used in the calculation
form form_id Specifies which form the output element belongs to
name name Specifies a name for the output element


Глобальные атрибуты

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


Атрибуты события

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


Связанные страницы

Справочник по HTML DOM: объект вывода


Настройки CSS по умолчанию

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

output {
  display: inline;
}