Тег <output> HTML результат вычислений

Рейтинг: 3 из 5, голосов 11

28 декабря 2019 г.

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

В атрибуте for тега <output> указываются идентификаторы полей, связанных с вычислением результата, который содержится внутри тега.

Тег относится к группе form. Подробно о создании форм описано в статье: Все про формы и поля в HTML. Создание и работа с формами.

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

Синтаксис

<output></output>

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

Пример использования <output> в HTML коде

<!DOCTYPE html>
<html>
  <head>
    <title>Пример использования тега output</title>
  </head>
  <body>
    <form oninput="rectangle_square.value=parseInt(rectangle_length.value)*parseInt(rectangle_width.value);">
      <p>Вычисление площади прямоугольника</p>
      Длина: <input type="number" name="rectangle_length" id="rectangle_length"><br><br>
      Ширина: <input type="number" name="rectangle_width" id="rectangle_width"><br><br>
      Площадь: <output name="rectangle_square" for="rectangle_length rectangle_width"></output>
    </form>
  </body>
</html>

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

Тег
<output>	Да	Да	Да	Да	Да

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

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

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

by Lebedev