HTML <output> tag

HTML <output> tag is used to display the result of some calculation (performed by JavaScript) or the outcome of a user action (such as Input data into a form element).

The <output> tag is a newly added tag and was introduced in HTML5.

Syntax

Following are some specifications about the HTML <output> tag

Display	Inline
Start tag/End tag	Both Start and End tag
Usage	Forms and Input

Example

<!DOCTYPE html>
<html>
<head>
<title>Output Tag</title>
</head>
<body>
 <p>Calculate the Sum of the two Numbers</p>
 <form oninput="res.value=parseInt(a.value)+parseInt(b.value);">
 	<label>Enter First Value.</label><br>
 	<input type="number" name="a" value=""/><br>
 	+<br/>
 	<label>Enter First Value.</label><br> 
 	<input type="number" name="b" value=""><br>
 	=<br>
 	Output is:<output name="res"></output>
 </form>
</body>
</html>

Test it Now

Output:

Attribute:

Tag-specific attributes:

Attribute	Value	Description
for	element_id	It specifies the list of other element's ids which indicates the relationship between the result of the calculation and the input elements.
form	form_id	It specifies the form element to which this element is associated with.
name	name	It defines the name for the output element.