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)">
<input type="range" id="a" value="50">
-<input type="number" id="b" value="25">
=<output name="x" for="a b"></output>
</form>

Definition and Usage

The <output> tag is used to represent 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

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 which form the output element belongs to
name	name	Specifies a name for the output element

The "for" attribute can take space separated value, if there are multiple elements taken as it's input.

Global Attributes

The <output> tag also supports the Global Attributes in HTML.

Event Attributes

The <output> tag also supports the Event Attributes in HTML.

Default CSS Settings

Most browsers will display the <output> element with the following default values:

output {
display: inline;
}