iOS 5 and HTML5 input types

HTML5 is powerfully web markup language. HTML5 brings more input types  and few special tags like video and audio. Those tags makes our browser plugin free. Using HTML5 video tag we can play videos with out installing flash or silverlight. Mostly all modern browsers supports HTML5 well (IE9 & 10, Firefox, Safari and Chrome). HTML5 is not powerful in PC browser, even we can take advantage of mobile browser also not only mobile browser. We can use in cross platform mobile application which apps developing using PhoneGap framework or some other. Using this HTML5 input type, iOS will automatically changes the keyboard types. For example :- if I use <input type=”email”/> so when we focus on text box it will open a keyboard on screen it will show with option “@” and “.” keys.

We can check more input types with my previous posts listed below

HTML5 inputs and PhoneGap – iPhone and Android

HTML5 inputs and PhoneGap – iPhone and Android 2

in iOS 5, few more input types supports. Please check with below image and note.

Now iOS5, It supports

type=”date”, type=”month”, type=”datetime”, type=”datetime-local”, type=”time” and type=”range”

When add a form input tag with type=”date” attribute, <input type=”date” name=”user_date”/> it will automatically show date picker.

datetime: Defines date field (with calendar and time controls) with year, month, day, hour, minute (UTC)

datetime-local: Defines date field (with calendar and time controls) with year, month, day, hour, minute (local timezone)