HTML - tag <output>

Descrição

A tag HTML <output> especifica o resultado de um cálculo.

Exemplo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Output Tag</title>
   </head>

   <body>
      <form oninput = "sumresult.value = parseInt(z1.value)+parseInt(z2.value)+parseInt(z3.value)">
         <input type = "range" name = "z1" value = "0" /> +
         <input type = "number" name = "z2" value = "20" /> +
         <input type = "number" name = "z3" value = "40" /><br />
         The output is: <output name = "sumresult"></output>
      </form>
   </body>

</html>

Isso produzirá o seguinte resultado -

Atributos Globais

Esta tag suporta todos os atributos globais descritos em - Referência de Atributo HTML

Atributos Específicos

A tag HTML <output> também suporta os seguintes atributos adicionais -

Atributo Valor Descrição
para para Lista de IDs de outros elementos, ou seja, indica os elementos que contribuíram com o valor de entrada para o cálculo.
Formato Formato Permite colocar elementos de saída em qualquer lugar dentro de um documento.
nome nome É o nome do elemento.

Atributos de evento

Esta tag suporta todos os atributos de eventos descritos em HTML Events Reference

Suporte de navegador

cromada Raposa de fogo IE Ópera Safári Android
sim sim Não sim sim Não