HTML таг output

Пример

Кратък пример как се използва тагът <output>.

<form oninput="result.value = Number(a.value) + Number(b.value)">
  <div>
    <label>Число 1:
      <input type="number" name="a" value="5">
    </label>
  </div>

  <div>
    <label>Число 2:
      <input type="number" name="b" value="3">
    </label>
  </div>

  <div>
    Резултат: 
    <output name="result" for="a b">8</output>
  </div>
</form>

Дефиниция и употреба

Тагът <output> се използва за показване на резултат от изчисление, извършено от скрипт или от самата форма. Обикновено се използва заедно с елементи като <input>, <select> и JavaScript, за да визуализира динамично променящи се стойности (например суми, проценти, резултати от формули).

<output> е фокусируем елемент и може да бъде свързан с конкретни контролни полета чрез атрибута for, който приема списък от id стойности на елементи, участващи в изчислението. Атрибутът name позволява стойността на <output> да бъде изпратена заедно с формата, подобно на другите полета.

Типичната употреба е в рамките на <form>, където чрез събития като oninput или onchange се пресмята нова стойност и се задава на <output>. Съдържанието между отварящия и затварящия таг служи като начална (по подразбиране) стойност, която може да бъде променяна динамично.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути