Getting Started with Adobe After Effects - Part 6: Motion Blur


Upload Image Close it
Select File

Find out the new features in HTML 5

Moderators

Top Categories · View All
Structure Tags 14
New HTML elements 6
Dynamic Pages Support 6
Inline Elements 4
Form Elements 3
Structural Tags 1
Navigation 1
Controls Enhancements 1

Browse by Tags · View All
time 1
embed 1
DataGrid 1
Output 1
Legend 1
sup 1
del 1
ins 1
bdo 1
kbd 1
Blockquote 1
hgroup 1
Figcaption 1
Figure 1
Footer 1
Header 1
Article 1
Section 1
aside 1
Structure 1

Browse by Release · View All
All 36

HTML 5 - Output element

Mar 12 2012 12:00AM by Ramireddy   

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

alt text

Read More Have you written a blog post or article related to this feature and want to get them added here? Read More...
Category : Form Elements
Release : All
Tags : Output


Ramireddy
2 · 40% · 12972
1



Submit

Your Comment


Sign Up or Login to post a comment.

"HTML 5 - Output element" rated 5 out of 5 by 1 readers
HTML 5 - Output element , 5.0 out of 5 based on 1 ratings
    Copyright © Rivera Informatic Private Ltd Contact us      Privacy Policy      Terms of use      Report Abuse      Advertising      [ZULU1097]