Html output

Postado: 12 de julho de 2022

Html output

A tag HTML <output> é usada para exibir o resultado de algum cálculo realizado por JavaScript ou o resultado de uma ação do usuário (como dados de entrada em um elemento de formulário).

A tag <output> é uma tag recém-adicionada e foi introduzida no HTML5.

Atributos do Html output

for – Especifica a relação entre o resultado do cálculo e os elementos usados ​​no cálculo

form – Especifica a qual formulário o elemento de saída pertence

name – Especifica um nome para o elemento de saída

Veja o exemplo no código

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

Veja o Resultado


+ =

Configurações padrão de CSS

A maioria dos navegadores exibirá o elemento <output> com os seguintes valores padrão:

output { display:inline; }

Publicado por: loopnerd

83 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados