W3cubDocs

/HTML

<output>

Introduced in HTML5

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 parents Any element that accepts phrasing content.
Permitted ARIA roles Any
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 Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 10 (Yes) 4.0 (2.0) No support 11 7
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? (Yes) 4.0 (2.0) ? ? 7

See also

© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output