HTML5 inputs and PhoneGap – iPhone and Android

In this post I am going to talk about HTML5 controls in PhoneGap. Not only PhoneGap we can also use this input in mobile based web site too.

HTML5 is the next generation of HTML. In one word I can say HTML5 make web more Rich.

PhoneGap is popular Cross platform framework in mobile world. it will support for all top mobile OS. Few weeks before there release beta version for Windows Phone 7.5 Mango.

I captured few screenshots from iOS, we can see   different  keyboards for input types Email,URL, Number and tel

If we add normal input  it will display like this,

HTML code:

<input type=”text” name=”txtName” />

Input type text

<input type=”email” name=”Email”/>

Input type email<input type=”url” name=”urlAddress”/>

Input type URL

<input type=”number” name=”txtNumber”/>

Input type number

Check with few more keyboard type in iOS and Android in this post : HTML5 inputs and PhoneGap – iPhone and Android 2

HTML5 input types more details here http://www.w3schools.com/html5/html5_form_input_types.asp

  • crus riga

    What\\\’s up admin

    I found your website is so creative, especially in Android Products part
    Very amazing for me

    I wish you always update this helpfull website, so I can easily find nice informations about Android

    Salute

    • http://shareourideas.com/ Naga Harish Movva

      I am not that much good in Android… you can follow me in twitter to get more updates on Android..

  • Pingback: iOS 5 and HTML5 input types « Share Our Ideas()

  • shemulworld

    is not working , still showing full keyboard

    • http://shareourideas.com/ Rish Movva

      Hi @shemulworld:disqus , Can you tell me which device your running and OS version also.. lower version won’t support html5 input types.. and also make sure the input HTML code is correct.. Here I am seeing /” as extra value..