Response title
This is preview!
INPUT type = tel/number degradeInputs issue
in jQuery Mobile
•
11 years ago
Hello.
I have a simple page data-role=page with the following structure :
- <div data-role="page">
- <div data-role="content">
- <form>
- <fieldset>
- <div data-role="fieldcontain">
- <input type="number" />
- <input type="tel" />
- </div>
- </fieldset>
- </form>
- </div>
- </div>
I cannot get the numeric keypad to show up on Android 2.1 when I focus one of the inputs. Android just shows me the regular keayboard. I am aware that the inputs are degraded to text inputs by JQM, so I have placed the following code in my head tag :
- <link type="text/css" href="css/jquery.mobile-1.0a4.1.min.css" rel="stylesheet" />
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- <script type="text/javascript" src="js/jquery-1.5.min.js"></script>
- <script type="text/javascript">
- $(document).bind("mobileinit", function(){
- $.mobile.page.prototype.options.degradeInputs.tel = false;
- $.mobile.page.prototype.options.degradeInputs.number = false;
- });
- </script>
- <script type="text/javascript" src="js/jquery.mobile-1.0a4.1.min.js"></script>
But I still can't get the numeric keypad to show up. Any clue would be appreciated. Thanks a lot. This is for an app destinated to Android (2.1 and +) so I don't care about features uncompatible with other platforms.
1
