<output>

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

        
          
          <form>  <p>Для скольких людей надо приготовить яичницу:</p>  <input type="number" name="peoples" oninput="eggs.value = (parseInt(peoples.value) * 2)">  <p>Необходимое количество яиц:</p>  <output name="eggs"></output></form>
          <form>
  <p>Для скольких людей надо приготовить яичницу:</p>
  <input type="number" name="peoples" oninput="eggs.value = (parseInt(peoples.value) * 2)">
  <p>Необходимое количество яиц:</p>
  <output name="eggs"></output>
</form>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Элемент <output> используется в тех случаях, когда пользователю надо показать результат работы программы в реальном времени, например:

• информация, которую пользователь вводит или изменяет в форме;
• вывод расчётов по данным, которые указал пользователь (калькулятор, гороскоп и тому подобное).

for — значением может быть один или несколько ID, разделённых пробелом. Указывает на связь перечисленных элементов ввода (например, <input>) с элементом <output>.
form — указывается ID формы в этом же документе, с которой связывается поле вывода.
name — имя поля вывода. Используется для подписи результата при отправке формы.

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

К тегу <output> также применяются все глобальные атрибуты.