HTML Tag







googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });



HTML <output> Tag



Previous
Complete HTML Reference
Next



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 »



Definition and Usage


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




Browser Support


The numbers in the table specify the first browser version that fully supports the element.



















Element
<output> 10.0 13.0  4.0 5.1 11.0

Note: The form attribute of the <output> element is not supported in IE/Edge.




Differences Between HTML 4.01 and HTML5


The <output> tag is new in HTML5.




Attributes























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








googletag.cmd.push(function() { googletag.display('div-gpt-ad-1493883843099-0'); });






Global Attributes


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




Event Attributes


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




Related Pages


HTML DOM reference: Output Object




Default CSS Settings


Most browsers will display the <output> element with the following default values:




output {
    display: inline;
}





Previous
Complete HTML Reference
Next

Popular posts from this blog

Python Lists

Aion

JavaScript Array Iteration Methods