Etiqueta <output> de HTML

Definición y uso

<output> La etiqueta se utiliza para representar el resultado de un cálculo (por ejemplo, un cálculo ejecutado por un script).

Por favor, consulte también:

Manual de referencia del DOM HTML:Objeto de salida

Ejemplo

Ejecutar cálculo y en <output> Mostrar resultados en el elemento:

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

Prueba personalmente

Atributo

Atributo Valor Descripción
for Id del elemento Define la relación entre el resultado de la calculadora y los elementos utilizados en el cálculo.
form Id del formulario Define el formulario al que pertenece el elemento output.
name Nombre Define el nombre del elemento output.

Atributos globales

<output> La etiqueta también admite Atributos globales en HTML.

Atributos de evento

<output> La etiqueta también admite Atributos de evento en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los siguientes valores predeterminados <output> Elemento:

output {
  display: inline;
}

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la etiqueta por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 13.0 4.0 5.1 11.0