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
- Other form-related elements:
<form>,<input>,<button>,<datalist>,<legend>,<label>,<select>,<optgroup>,<option>,<textarea>,<keygen>,<fieldset>,<progress>and<meter>.
Document Tags and Contributors
Tags:
Contributors to this page:
sideshowbarker,
libbymc,
Lemondoge,
Sebastianz,
claudepache,
jwmcpeak,
sebaest,
Tyriar,
kscarfone,
MTonly,
Sheppy,
parthiv,
medicdude,
ethertank,
teoli,
msrishikesh,
ebidel,
cers,
fscholz,
McGurk,
osdm,
jswisher,
Crash
Last updated by:
sideshowbarker,