In this chapter we looked at some of the more useful HTML5 input types. We used those input types to create a collapsible task details section for each task. Then we used custom data attributes to implement a simple data binding to map the input fields in the view to the data model.
We covered the following concepts in this chapter:
How and when to use the new HTML5 input types
How to use custom data attributes to store private data in the DOM
How to implement data binding using custom data attributes to bind a data model to form controls
How to use jQuery animation methods to hide and show elements
How to use a timer to delay saves to
localStorage
to make applications more responsive
In the next chapter we will head off in a completely new direction. We'll take a look at the HTML5 canvas element and API and write a brand new application that uses it.