Ejemplo
Realizar un cálculo y mostrar el resultado en un <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>
Inténtalo tú mismo " Definición y Uso
La <output> tag representa el resultado de un cálculo (como uno realizado por un guión).
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | No soportado | 4.0 | 5.1 | 11.0 |
Diferencias entre HTML 4.01 y HTML5
La <output> etiqueta es nueva en HTML5.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| for | element_id | Especifica la relación entre el resultado del cálculo, y los elementos utilizados en el cálculo |
| form | form_id | Especifica una o más formas del elemento de salida pertenece a |
| name | name | Especifica un nombre para el elemento de salida |
Los atributos globales
La <output> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <output> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Objeto de salida
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <output> elemento con los siguientes valores predeterminados:
output {
display: inline;
}