HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <output> Tag


Example

Perform a calculation and show the result in an <output> element:

<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>

Try it Yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The <output> tag is supported in Firefox, Opera, Chrome, and Safari.

Note: The <output> tag is not supported in Internet Explorer.


Definition and Usage

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


Differences Between HTML 4.01 and HTML5

The <output> tag is new in HTML5.


Attributes

New : New in HTML5.

Attribute Value Description
forNew element_id Specifies the relationship between the result of the calculation, and the elements used in the calculation
formNew form_id Specifies one or more forms the output element belongs to
nameNew name Specifies a name for the output element

Global Attributes

The <output> tag also supports the Global Attributes in HTML.


Event Attributes

The <output> tag also supports the Event Attributes in HTML.



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE