HTML <output> Tag

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee

Description

The <output> HTML tag is used to represent the result of a calculation or a user's input within the context of a mathematical or computational operation. It is a semantic HTML5 element that helps provide structure and meaning to the content on a web page. Typically, <output> tags are used in conjunction with other HTML elements, such as <form> elements and JavaScript, to display the outcome of calculations or user interactions, making it easier for both users and developers to understand and manipulate data on a webpage.

Properties

Permitted Parents: Any element that accepts phrasing content
Content: Inline and text
Start/End Tags: Start tag: required, End tag: required

Example

HTML

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

Result

Editor

Attributes

Attribute	Definition
for	Specifies the relationship between the result of the calculation, and the elements used in the calculation
form	Associates the output with a form
name	Specifies the name of this element