HTML - <output>

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

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>

Description  

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

Includes the Global Attributes.

NameVersionDescription
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.

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  

 

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  

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/html/element/output