The output Element

#	Content	Views
1.	Tutorial Tags	37,059
2.	Tutorial + Programming	1,061,592
3.	Videos	353,167
4.	Results (`Annual + Re-appear`)	44,846
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,074
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,472
13.	Downloads (Syllabus)	2,638

Home
HTML
Forms
The Output Element

The output Element

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

<!DOCTYPE html>
<html>
<body>

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

<form action="/php/outputForm.php" method="post" 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>

<p><strong>Note:</strong> The output element is not supported in Edge prior version 13.</p>

</body>
</html>

Live Demo & Try it yourself!

#HTML #element #form #output

CSPunjab.Com

The output Element

« Previous

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

<!DOCTYPE html>
<html>
<body>

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

<form action="/php/outputForm.php" method="post" 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>

<p><strong>Note:</strong> The output element is not supported in Edge prior version 13.</p>

</body>
</html>

Live Demo & Try it yourself!