Пример
Выполните расчет и покажите результат в элементе <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> используется для представления результата вычисления (например, выполняемого скриптом).
Поддержка браузеров <output>
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | 13.0 | 4.0 | 5.1 | 11.0 |
Атрибуты <output>
| Атрибут | Значение | Описание |
|---|---|---|
| for | element_id | Указывает связь между результатом вычисления и элементами, используемыми в вычислении |
| form | form_id | Указывает, к какой форме принадлежит выходной элемент |
| name | name | Задает имя выходного элемента |
Глобальные атрибуты <output>
Тег <output> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <output>
Тег <output> также поддерживает События атрибутов в HTML.
Связанные страницы <output>
HTML DOM Справочник: Объект Output
Настройки CSS по умолчанию <output>
Большинство браузеров будут отображать элемент <output> со следующими значениями по умолчанию:
output {
display: inline;
}