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://horje.com/learn/1434/reference