Elemento output

O elemento <output> representa o resultado de um cálculo entre campos de um formulário. Ele usa o atributo for, que recebe uma lista de IDs de elementos do formulário que fazem parte do cálculo, separada por espaços. O cálculo não acontece automaticamente. É necessário usar Javascript para fazer o cálculo.

<form oninput="x.value=parseInt(a.value) - parseInt(b.value)">
  <input type="number" id="a" value="100">
  -<input type="number" id="b" value="30">
  =<output name="x" for="a b"></output>
</form>

Note que o tipo dados do valor do input number é uma string, e por isso os valores precisam ser convertidos para o tipo inteiro para que o cálculo seja feito.

Nesse exemplo, o elemento <output> está dentro do formulário. Porém, nem sempre ele está dentro do formulário. Nos casos em que ele não estiver, você pode usar o atributo form para definir a qual formulário o <output> pertence.