Тег <output>

Синтаксис

Описание

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

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

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

Атрибуты

Атрибут	Значение	Описание
for	id элемента	Определяет связь между результатом вычисления и элементами, используемыми в вычислении
form	id формы	Указывает одну или несколько форм, к которой принадлежит выходной элемент
name	имя	Задает имя для выходного элемента

Пример

HTML-код:

<!DOCTYPE html>

<head>

<title>Тег output</title>

</head>

<body>

<form oninput="number_square.value=parseInt(number_length.value)*parseInt(number_width.value);">

<p>Вычисление площади прямоугольника</p>
Длина: <input type="number" name="number_length" id="number_length"><br>
Ширина: <input type="number" name="number_width" id="number_width"><br>
Площадь: <output name="number_square" for="number_length number_width"></output>

</form>

</body>

</html>

Отображение в браузере:

Параметры CSS по умолчанию

output {
display: inline;
}

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

Элемент	Chrome	Opera	Firefox	Safari	Microsoft Edge
<output>	Да	Да	Да	Да	Да

Элемент

Chrome

Opera

Firefox

Safari

Microsoft Edge

Да