Sumário

O elemento de saída (<output>) é um elemento no qual um site ou aplicativo pode injetar os resultados de um cálculo ou o resultado de uma ação do usuário.

Categorias de conteúdo Flow content, phrasing content, listed, labelable, resettable form-associated element.
Conteúdo permitido Phrasing content.
Omissão de tag Precisa ter ambas as tags de início e fim.
Documento normativo HTML5, section 4.10.15

Atributos

Como qualquer elemento HTML, este elemento suporta os global attributes.

for
Uma lista de IDs de outros elementos, indicando que estes elementos contribuiram com valores de entrada (input) para o cálculo (ou outros afetados).
form
O elemento form ao qual este elemento está associado (seu "proprietário do formulário"). O valor do atributo deve ser um ID de um elemento form no mesmo documento. Se este atributo não está especificado, o elemento output deve ser descendente de um elemento form. Este atributo permite que você coloque elementos output em qualquer lugar em um documento, não apenas como descendentes de seus elementos form.
name
O nome do elemento.

Interface DOM

O elemento implementa a interface HTMLOutputElement .

Exemplo

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
0<input type="range" name="b" value="50" />100 +<input type="number" name="a" value="10" /> =
<output name="result"></output>
</form>

Compatibilidade

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 10Edge Full support YesFirefox Full support 4IE No support NoOpera Full support 11Safari Full support 7WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android ? Safari iOS Full support YesSamsung Internet Android Full support Yes
forChrome Full support 10Edge Full support YesFirefox Full support 4IE No support NoOpera Full support 11Safari Full support 7WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android ? Safari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 10 4.0 (2.0) 10 11 nightly
Recurso Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico ? 4.0 (2.0) ? ? ?

Veja também

Outros elementos relacionados ao form: <form>, <input>, <button>, <datalist>, <legend>, <label>, <select>, <optgroup>, <option>, <textarea>, <keygen>, <fieldset>, <progress> and <meter>.

Etiquetas do documento e colaboradores

Última atualização por: wbamberg,