Тег <output>

Синтаксис

<output>...</output>

Описание

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

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

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

Атрибуты

Атрибут Значение Описание
for id элемента

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

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <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

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge
<output> Да Да Да Да Да