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

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

Тег <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>

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

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<output> Да Да Да Да Да

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

Атрибут Значения Описание
for

id элементов

Определяет поля, связанные с вычислением результата, который содержится внутри тега.

form

id формы

Указывает на форму, к которой относится тег. Используется, если тег находится вне HTML кода формы.

name

текст

Имя элемента.

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

Оцените, насколько полезна эта страница
+++--
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.