HTML output tag

by Online Tutorials Library July 14, 2022

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.

Global attribute:

HTML <output> tag supports the global attributes in HTML.

Event attribute:

HTML <output> tag supports the event attributes in HTML.

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<output>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML paragraph Tag