title: How to open a number pad on android/chrome with <input type="text">?
body: <p>Requirement of input is to enter the zip code of United states so it would be 5 integers but it is just a bunch of strings to the application. Markup is HTML5.</p>
  
  <ul>
  <li>I cannot use <code>input type="number"</code> as 01234 would get converted to 1234, bummer for a zip code!</li>
  <li>I am currently using <code>input type="tel"</code> to get the number pad to open but I was thinking that a zip code is actually a text and thus I should be using <code>input type="text"</code> with some other filter to force the number pad to open, which is what I did, I tried using <code>pattern="[0-9]*"</code> but that seems to work only on safari browser (apple devices) &amp; opens the number pad, but opens the text pad instead of number pad on android devices(chrome browser).</li>
  </ul>
  
  <p>So <code>input type="text" pattern="[0-9]*"</code> works on iPhone iPad safari browsers but does <em>not</em> work on chrome browsers in android devices.</p>
  
  <p>Anyone knows how to get a number pad to open using <code>input type="text"</code> on android devices using chrome browsers? Or '<code>input type="tel"</code>' is the only way to open a number pad universally on all devices?</p>
  
  <p>Similar question asked sometime back <a href="https://stackoverflow.com/questions/6178556/iphone-numeric-keyboard-for-text-input">Phone: numeric keyboard for text input</a></p>