The Speed Coding

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

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;
}