How to create HTML <output> Element - HTML Form Elements

The <output> element represents the result of a calculation (like one performed by a script).

Simple Example of HTML <output> Element

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

index.html

Example: HTML

<form action="/action_page.php"
  oninput="x.value=parseInt(a.value)+parseInt(b.value)">
  0
  <input type="range"  id="a" name="a" value="50">
  100 +
  <input type="number" id="b" name="b" value="50">
  =
  <output name="x" for="a b"></output>
  <br><br>
  <input type="submit">
</form>

Full Example of HTML <output> Element

The output element represents the result of a calculation.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h2>The output Element</h2>
<p>The output element represents the result of a calculation.</p>

<form action="/action_page.php"
oninput="x.value=parseInt(a.value)+parseInt(b.value)">
  0
  <input type="range" id="a" name="a" value="50">
  100 +
  <input type="number" id="b" name="b" value="50">
  =
  <output name="x" for="a b"></output>
  <br><br>
  <input type="submit">
</form>

</body>
</html>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Form Elements
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference