- HTML5 Data and Services Cookbook
- Table of Contents
- HTML5 Data and Services Cookbook
- Credits
- About the Authors
- www.PacktPub.com
- Preface
- Rounding numbers for display
- Padding numbers
- Displaying metric and imperial measurements
- Displaying formatted dates in the user's time zone
- Displaying the dynamic time that has elapsed
- Displaying Math
- Creating an endless scrolling list
- Creating a sortable paginated table
- Creating multiple-choice filters
- Creating range filters
- Displaying code in HTML
- Rendering Markdown
- 2. Display of Graphical Data
- Displaying combined charts
- Creating a bubble chart
- Showing a map with a marked location
- Showing a map with a path
- Displaying gauges
- Displaying a tree
- LED scoreboard using web fonts
- 3. Animated Data Display
- Making a live range chart filter
- Making an image carousel
- Zooming and panning a chart
- Using the web notifications API
- Creating interactive Geo charts from a dataset
- 4. Using HTML5 Input Components
- Range input field
- Color picker input
- Using single-choice dropdowns
- Getting geographical location input
- Using file inputs at the client side
- Using a drag-and-drop file area
- 5. Custom Input Components
- Creating custom dialogs
- Creating autocomplete for input
- Creating a custom single-selection list
- Creating a multiple-selection list
- Geographic location input using maps
- 6. Data Validation
- Introduction
- Validating text by length
- Validating numbers by range
- Using the built-in pattern validation
- Advanced use of built-in constraints and custom validations
- Calculating password strength
- Validating US zip codes
- Using asynchronous server-side validation
- Combining client-side and server-side validation
- 7. Data Serialization
- Decoding base64 encoded binary data
- Encoding binary data or text into base64
- Serializing binary data into JSON
- Serializing and deserializing cookies
- Serializing a form into request strings
- Reading XML documents with DOMParser
- Serialization of XML document at the client side
- 8. Communicating with Servers
- Creating an HTTP GET request to fetch JSON
- Creating a request with custom headers
- Versioning your API
- Fetching JSON data with JSONP
- Reading XML data from server
- Using the FormData interface
- Posting a binary file to the server
- Creating an SSL connection with Node.js
- Making real-time updates with Ajax Push
- Exchanging real-time messages using WebSockets
- Rendering objects using Handlebars
- Rendering objects using EJS
- Rendering objects using Jade
- Rendering arrays using Handlebars
- Rendering arrays using EJS
- Rendering arrays using Jade
- Simplifying templates with helpers in Handlebars
- Reusing templates with partials in Handlebars
- Using filters in Jade
- Using mixins in Jade
- Using layouts and blocks in Jade
- 10. Data Binding Frameworks
- Rendering lists and using Angular controllers
- Routing, filters, and backend services in Angular
- Using Angular's client-side validation
- Making a chart component with Angular directives
- Reactive programming and data in Meteor.js
- Live HTML and user-specific data in Meteor.js
- Security mechanisms in Meteor.js
- 11. Data Storage
- 12. Multimedia
- Embedding multimedia
- A. Installing Node.js and Using npm
- B. Community and Resources
- Index
In this chapter we will take a look at some of the great new element types added to HTML5. Topics covered are:
- Using the
textinput field - Using
textarea - Inputting dates
- Inputting time
- Telephone input
- Range input filed
- Color picker input
- Using single-choice dropdowns
- Using multiple-choice select lists
- Getting geographical location input
- Using file inputs on client side
- Using drag-and-drop file area
Forms are part of everyday web application development. We did lot of re-inventions to enable various input features. HTML5 adds few new input types and many different attributes and extensions to the existing structure. Most of these new stuff are already available in modern browsers and make life easier for all of us. For the things that are not there yet, we use a fallback that works on legacy systems. There is no good reason why you should not start using at least some of the features today.
Note
There are various ways to determine support for HTML5 features. Many sites provide a list of supported features but some of them worth mentioning are http://caniuse.com/ and http://html5please.com/. You can often refer to them to get up to date information if you are not interested in adding fallback's.
-
No Comment