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
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
output | Chrome Full support 10 | Edge Full support Yes | Firefox Full support 4 | IE No support No | Opera Full support 11 | Safari Full support 7 | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android ? | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
for | Chrome Full support 10 | Edge Full support Yes | Firefox Full support 4 | IE No support No | Opera Full support 11 | Safari Full support 7 | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android ? | Safari iOS Full support Yes | Samsung 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>
.