HTML output Tag

Example

Perform a calculation and show the result in an <output> element:

<formoninput="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;}