HTML тег output

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

Разница между HTML 4.01 и HTML5

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

Атрибуты тега <output>

АтрибутОписание
forОпределяет отношение между результатом вычислений и элементами, задействованными в вычислении
formОпределяет к какой форме относится данный элемент
nameОпределяет имя элемента <output>

Общие атрибуты

Тег <output> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

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


output {
    display: inline;
}

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

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


<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="50">
   =<output name="x" for="a b"></output>
</form>