Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Nuestros voluntarios aún no han traducido este artículo al Español. Únete a nosotros y ayúdanos a traducirlo

Introduced in HTML5

Summary

The HTML <output> element represents the result of a calculation or user action.

Content categories Flow content, phrasing content, listed, labelable, resettable  form-associated element, palpable content.
Permitted content Phrasing content.
Tag omission None, both the starting and ending tag are mandatory.
Permitted parent elements Any element that accepts phrasing content.
DOM interface HTMLOutputElement

Attributes

This element includes the global attributes.

for
A list of IDs of other elements, indicating that those elements contributed input values to (or otherwise affected) the calculation.
form
The form element that this element is associated with (its "form owner"). The value of the attribute must be an ID of a form element in the same document. If this attribute is not specified, the output element must be a descendant of a form element. This attribute enables you to place output elements anywhere within a document, not just as descendants of their form elements.
name
The name of the element.

Example

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

Specifications

Specification Status Comment
WHATWG HTML Living Standard
The definition of '<output>' in that specification.
Living Standard  
HTML5
The definition of '<output>' in that specification.
Recommendation  

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 10 4.0 (2.0) No support 11 7
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? 4.0 (2.0) ? ? 7

See also

 

Etiquetas y colaboradores del documento

 Última actualización por: Lemondoge,