HTML <output> Tag
Example
Perform a calculation and show the result in an <output> element:
<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>
Try it Yourself »
Definition and Usage
The <output> tag represents the result of a calculation (like one performed by a script).
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
| Element | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | 13.0 | 4.0 | 5.1 | 11.0 |
Note: The form attribute of the <output> element is not supported in IE/Edge.
Differences Between HTML 4.01 and HTML5
The <output> tag is new in HTML5.
Attributes
| Attribute | Value | Description |
|---|---|---|
| for | element_id | Specifies the relationship between the result of the calculation, and the elements used in the calculation |
| form | form_id | Specifies one or more forms the output element belongs to |
| name | name | Specifies a name for the output element |
Global Attributes
The <output> tag also supports the Global Attributes in HTML.
Event Attributes
The <output> tag also supports the Event Attributes in HTML.
Related Pages
HTML DOM reference: Output Object
Default CSS Settings
Most browsers will display the <output> element with the following default values:
output {
display: inline;
}
