Learn html - html tutorial - output tag in html - html examples - html programs
The <output> tag shows the result of a calculation.
The <output> tag belongs to flow content, phrasing content, form-associated element, listed, labelable, resettable and palpable content.
The <output> tag supports Global Attributes and Event Attributes.
Syntax for output tag:
<outputname = “name”>content</output>
Differences between HTML 4.01 and HTML5 for <output> tag:
HTML 4.01
HTML4 does not supports <output> tag.
HTML5
The <output> tag is new in HTML5.
Sample Coding for <output> tag:
Tryit<!DOCTYPE html><html><head><title>Wikitechy output tag</title></head><body><h2>HTML output tag with example</h2><formoninput="c.value=a.value+b.value"><inputtype="text"name="a"value="Wiki">+<inputtype="text"name="b"value="techy">=<outputname="c"></output></form></body></html>
Code Explanation for <output> tag:
oninput event triggers when user gives any input if the event triggered the concatenated string of and b will be stored in c.
The <input> tag textbox named as a and its value will be “Wiki”.
The <input> tag textbox named as b and its value will be “techy”.
The <output> tag named as c and that will be show the concatenated output of a and b.
Output of <output> tag:
The output shows the two textboxes with values as “Wiki” and “Techy”.
When the user change the text in the text box that will be manipulated and displayed in the output.
Attribute:
Attribute
HTML 4.0.1
HTML 5
Description
form
no
Yes
The <output> tag belongs to specify one or more forms.
name
no
Yes
Defines a name for the <output>tag.
for
no
Yes
Indicates the relation between the result of the calculation, and the elements used in the calculation.
form htmlhtml form examplehtml form drop downhtml form templateshtml form input typeshtml form posthtml form designform html5html form generatorhtml tutorialshtml editorhtml codehtml formhtmltutorialhtml colorhtml color codeshtml tablehtml imghtml5html code for websitehtml and csshtml programshtml websitefree html editorhtml5 tutorialwysiwyg html editorhtml tutorial pdfhtml converterphp tutorialhtml examplehtml tutorialcss tutorialhtml csshtml tagshtml basicscode htmlhtml onlinehtml mailtohtml langhtml tags list
