iOS 5 and HTML5 input types
October 29, 2011 5 Comments
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)
