The output element is the last of the new HTML5 form tags that we are going to take a look at.…The output element is another semantic element and it represents the results of a calculation.…One of the things that forms are used more and more for is to provide ways for…calculating final results of things.…So you can imagine that a form might provide a series of fields that add up…numbers and give you a final result and the output element is intended to be the…place where calculation results like that go.…

To use it is pretty simple.…You simply use an output tag and you typically give it a name or an ID and it…has some attributes and some DOM access.…The for attribute indicates the elements that either influenced or directly…participated in the calculation that the output element represents.…So this is a space-separated list and the list should contain the IDs of the…elements that had something to do with the results that the output tag is…displaying, and the value of the output element results of the calculation is…

Resume Transcript Auto-Scroll

Author

Released

5/31/2011

In this course, author Joe Marini details the latest enhancements for client-side forms found in HTML5. Using real-world examples, the course showcases the capabilities of the specification's new attributes and form elements, such as displaying default placeholder text, setting required fields, capturing email addresses, and presenting calculation results within a form. The course also demonstrates mobile device support for HTML5 forms and shows how to modernize existing forms while maintaining backwards compatibility for older browsers.