Тег <output> определяет область, в которую выводится результат вычислений или действий пользователя (для расчета используются скрипты). Тег может быть вложен в форму (тег <form>), к которой он принадлежит или же дополнен атрибутом form, который на эту форму ссылается.
Синтаксис
Тег <output> парный, закрывающий тег обязателен.
Пример
<!DOCTYPE html>
<html>
<body>
<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="25"> =
<output name="x" for="a b"></output>
</form>
<p>Умножение:</p>
<form oninput = "d.value = e.valueAsNumber * f.valueAsNumber">
<input type = "number" id = "e"> *
<input type = "number" id = "f"> =
<output name = "d" for = "e f"> </output>
</form>
</body>
</html>
Результат
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
for | element_id | Определяет идентификатор элемента/элементов, указывающих отношение между результатом вычисления и элементами, используемыми в расчетах. |
form | form_id | Определяет одну или несколько форм, к которым принадлежит элемент. |
name | name | Определяет имя элемента. |
Тег <output> поддерживает также глобальные атрибуты и атрибуты событий.
Поддержка браузера
10+ | 4+ | 5.1+ | 11+ |
Практикуйте свои знания
What purpose does the <output> HTML tag serve?
Правильный!
Неправильно!