title: Masked inputs with PhoneGap on Android
body: <p>I'm using jQuery Mobile + PhoneGap to build my first mobile app and I need to apply <code>&lt;input /&gt;</code> masks. For that I'm trying to use jQuery's <a href="http://digitalbush.com/projects/masked-input-plugin/" rel="noreferrer">Masked Input plugin</a>, which I'd used on desktop browsers and just works. But Android's 4.0 browser used on PhoneGap seems to have weird issues with that plugin:</p>
  
  <ul>
  <li>Using <code>&lt;input type="text" /&gt;</code> it works, but that type of input shows alphanumeric keyboard, which is not useful;</li>
  <li>Using <code>&lt;input type="number" /&gt;</code> we got the numeric keyboard, but it looses all typed characters;</li>
  <li>Using <code>&lt;input type="tel" /&gt;</code> we got the numeric keyboard and it seems to works, but behaves unexpectedly.</li>
  </ul>
  
  <p>In the end, neither option seems to fit my needs. Is there any other alternative to use <code>&lt;input /&gt;</code> masks with jQuery Mobile + PhoneGap on Android? Thank you in advance!</p>