HTML <output> Tag

HTMLWeb DevelopmentFront End Technology

The <output> tag in HTML is used to display the output of a calculation. It introduced in HTML5.

Following are the attributes −

  • for - Relationship between the result of the calculation and the elements used in the calculation
  • form - Forms the output element belongs to
  • name - Name for the output element

Let us now see an example to implement the <output> tag −


 Live Demo

<!DOCTYPE html>
<form oninput="n.value=parseInt(p
   <input type="range" id="p" value="25">100
   +<input type="number" id="q" value="50">+<input type="number" id="r" value="50">
   =<output name="n" for="p q r"></output>


Now, increase the slider and the result would get displayed −

Published on 19-Jun-2019 12:01:12