Пример
Выполнить расчет и показать результат в элементе <output>:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" id="a" value="50">
+<input type="number" id="b" value="25">
=<output name="x" for="a b"></output>
</form>
Попробуйте сами »
Определение и использование
Тег <output> используется для отображения результата вычисления (например, выполненного скриптом).
Поддержка браузерами
Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | 13.0 | 4.0 | 5.1 | 11.0 |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| for | element_id | Определяет связь между результатом вычисления и элементами, использованными в вычислении |
| form | form_id | Определяет, какой форме принадлежит элемент output |
| name | name | Задает имя для элемента output |
Глобальные атрибуты
Тег <output> также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Тег <output> также поддерживает атрибуты событий в HTML.
Связанные страницы
Справка по HTML DOM: Объект Output
Стандартные настройки CSS
Большинство браузеров отображают элемент <output> со следующими значениями по умолчанию:
output {
display: inline;
}