|
|
The |
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:
| HTML Form Elements | HTML Form Elements |
| How to create HTML <input> Element | HTML Form Elements |
| How to create The <label> Element | HTML Form Elements |
| How to create HTML <select> Element | HTML Form Elements |
| How to create HTML <option> element | HTML Form Elements |
| How to Visible HTML Select Option Values | HTML Form Elements |
| How to Allow Multiple Selection in HTML Option Value | HTML Form Elements |
| How to create HTML <textarea> Element | HTML Form Elements |
| How to create HTML <button> Element | HTML Form Elements |
| How to create HTML <fieldset> and <legend> Elements | HTML Form Elements |
| How to create HTML <datalist> Element | HTML Form Elements |
| How to create HTML <output> Element | HTML Form Elements |
| Simple Example of HTML <output> Element | HTML Form Elements |
| Full Example of HTML <output> Element | HTML Form Elements |
Category: | Web Tutorial |
Sub Category: | HTML Form Elements |
Uploaded by: | Admin |
Reffered: https://www.w3schools.com/html/html_form_elements.asp