html tutorial - Output tag in HTML - html5 - html code - html form

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:

<output name = “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>
        <form oninput="c.value=a.value+b.value">
            <input type="text" name="a" value="Wiki">+
            <input type="text" name="b" value="techy">=
            <output name="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”.

output2 for output tag user changes the text

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.

Browser Support for <output> tag:


10.0	No	4.0	5.1	11.0

PDF

Related Searches to output tag in html

form html html form example html form drop down html form templates html form input types html form post html form design form html5 html form generator html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list