HTML5 Data and Services Cookbook

Chapter 4. Using HTML5 Input Components

In this chapter we will take a look at some of the great new element types added to HTML5. Topics covered are:

• Using the text input 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

Introduction

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 ...