title: HTML number input field that also works on mobile device
body: <p>When I set my input field type="time" or type="date" on my webapp, if I view the app in mobile device, I get nice UI such as the following when clicked on it</p>
  
  <p><a href="https://i.stack.imgur.com/m82kH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m82kH.png" alt="time screen shot"></a>. </p>
  
  <p>However, when I set type="number", I was expecting a number pad to pop up. However, I get a keyboard instead. If I set it to type="tel", would it cause a problem or is there a better solution?</p>
  
  <p><a href="https://i.stack.imgur.com/1L39q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1L39q.png" alt="number"></a></p>