HTML Output
HTML Output Tag
The<output> tag represents the result of a calculation.
Example
Try this code »
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Output Tag </title>
</head>
<body>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b">
</output>
</form>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Output Tag </title>
</head>
<body>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b">
</output>
</form>
</body>
</html>
Output
HTML Output Attribute
| Attribute | Description |
|---|---|
| for | Defines the relationship between the result of the calculation, and the elements used in the calculation. |
| form | Specifies one or more forms the output element belongs to. |
| name | Define a name for the output element. |
Browser Support
 Edge |
 Chrome |
 Firefox |
 Opera |
 Safari |
|
|---|---|---|---|---|---|
<output> |
Recommended :
Color Picker
List of color names supported by all browser »
Character Code
List of character codes to display special character »
Language Code
List of all language supported by all browser »
Country Code
List of Country code supported by all browser »