HTML 5 introduced a new element "Output", which can be used to semantically indicate the calculation results in a web page. Suppose, in your webpage, if you are showing some calculations, by marking the result with "output" tag, screen readers can understand it as its calculation output values.

Example:

Below HTML markup shows using output element while calculating interest.

 <form oninput="total.value = (parseInt(Principal.value) *  (100 + parseInt(Months.value) * parseInt(InterestRate.value) ) )/100">
    <table>
        <tr>
            <td>
                Principal :
            </td>
            <td>
                <input type="text" name="Principal" />
            </td>
        </tr>
        <tr>
            <td>
                Interest :
            </td>
            <td>
                <input type="text" name="InterestRate" />
            </td>
        </tr>   
        <tr>
            <td>
                No Of Months :
            </td>
            <td>
                <input type="text" name="Months" />
            </td>
        </tr>
        <tr>
            <td>
                Total to Pay :
            </td>
            <td>
                <output name="total" for="Principal InterestRate Months">                             
                </output>                
            </td>
        </tr>
    </table>
    </form>

Above HTML markup shows an form like below. On entering Principal,Interest and Time, Automatically it calculates the interest and shows the result

• Reference 1  [3 clicks]
• Reference 2  [32134 clicks]
• Reference 3  [32134 clicks]

Category :	Form Elements
Release :	All
Tags :	Output