HTML <output> with form Attribute

You are Here:

HTML <output> with form Attribute

The form attribute specifies one or more <output> element declared outside <form> element belongs to it.

Note: The value of the form attribute should be same as the value of the id attribute of the <form> element it belongs to.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <form oninput="result.value=parseInt(a.value)+parseInt(b.value)" id="myForm"> <input type="range" name="b" value="50"> + <input type="number" name="a" value="10"> = </form> <output name="result" form="myForm">60</output> </body> </html>

Attribute Value

ValueExplanation
form_idSpecifies the id of the form it belongs to.

Reminder

Hi Developers, we almost covered 99.5% of HTML Tutorials with examples for quick and easy learning.

We are working to cover every Single Concept in HTML.

Please do google search for:

Join Our Channel

Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.

This channel is primarily useful for Full Stack Web Developer.

Share this Page

Meet the Author