HTML тег - output - определение и примеры использования
Меню
Веб-разработка
Мои услуги на Kwork
Тег output HTML

HTML - тег <output> — это один из элементов HTML5. Он определяет место для отображения результата расчета, выполненного скриптом или взаимодействия пользователя с элементом формы (тег <form>).


Тег <output> - синтаксис и код

Тег <output> представлен парами. Содержимое записывается между открывающим (<output>) и закрывающим (</output>) тегами.

Пример выполнения расчета и отображения результата в элементе 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>

The output element

+ =
Примечание: элемент output не поддерживается в Edge 12 (или более ранних версиях).

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

  • HTML - тег <output> используется для представления результата вычисления (например результатов конвертации обменного курса);
  • Тег <output> предназначен для сложных вычислений.

Вычисление с помощью тега <output>

Чтобы использовать <output>, необходимы некоторые базовые знания JavaScript. Определите тип числа <input>, чтобы сообщить форме, что пользователь вводит целые числа. Если пользователь вводит другую информацию, форма <output> возвращает NaN, что означает Нечисло.

Примечание: в настоящее время <output> не поддерживается на международном уровне.

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

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

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

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

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

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

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


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

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

output {
  display: inline;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой