ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <output>

❮ Prev Полный HTML справочник Next ❯

Пример

Выполните расчет и покажите результат в элементе <output>:

<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="50">
  =<output name="x" for="a b"></output>
</form>
Попробуйте сами »

Определение и использование

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

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

Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент.

Элемент
<output> 10.0 13.0  4.0 5.1 11.0

Примечание: Атрибут form элемента <output> не поддерживается в IE/Edge.

Различия между HTML 4.01 и HTML5

Тег <output> новый в HTML5.

Атрибуты

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

Глобальные атрибуты

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

Атрибуты событий

Тег <output> также поддерживает Атрибуты событий в HTML.

Связанные страницы

HTML DOM справочник: Объект Output

Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <output> со следующими значениями по умолчанию:

output {
  display: inline;
}
❮ Prev Полный HTML справочник Next ❯