Try it Editor: html5_output

Edit This Code :



<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php" id="numform" 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">
<br><br>
<input type="submit">
</form>

<p>The output element below is outside the form, but still a part of it.</p>
<output form="numform" name="x" for="a b"></output>

<p><strong>Note:</strong> The form attribute is not supported in IE/Edge</p>

</body>
</html>

Result :

html5_output_form