Exemplo
Executar um cálculo e mostrar o resultado em uma <output> elemento:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
Tente você mesmo " Definição e Uso
O <output> tag representa o resultado de um cálculo (como aquele realizado por um script).
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | Não suportado | 4.0 | 5.1 | 11.0 |
Diferenças entre HTML 4.01 e HTML5
O <output> tag é novo em HTML5.
Atributos
= Novo em HTML5.
| Atributo | Valor | Descrição |
|---|---|---|
| for | element_id | Especifica a relação entre o resultado do cálculo, e os elementos utilizados no cálculo |
| form | form_id | Especifica uma ou mais formas no elemento de saída pertence |
| name | name | Especifica um nome para o elemento de saída |
Atributos globais
O <output> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <output> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
HTML DOM de referência: objeto de saída
Configurações CSS padrão
A maioria dos navegadores irá exibir o <output> elemento com os seguintes valores padrão:
output {
display: inline;
}