title: IONIC - Decimal keyboard on iOS
body: <p>I want to show a keyboard with a decimal separator. I have tried several solutions but none of them worked. </p>
  
  <p>The closest I got was using the telephone input type. But instead of having a "." as a decimal separator, there is a "Pause" button that when you click on it the output is actually a ".", but I can't use that since it would be too misleading for my users. </p>
  
  <p><a href="http://ionicframework.com/html5-input-types/#tel" rel="nofollow noreferrer">http://ionicframework.com/html5-input-types/#tel</a></p>
  
  <p>Using the code below I also got very close to what I want, but there wasn't any decimal separator.</p>
  
  <pre><code>&lt;input type="number" pattern="[0-9]*"&gt;
  </code></pre>
  
  <p>The result: </p>
  
  <p><a href="https://i.stack.imgur.com/bBxpD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bBxpD.jpg" alt="No decimal separator"></a></p>
  
  <p>This is what I want: </p>
  
  <p><a href="https://i.stack.imgur.com/if9om.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/if9om.jpg" alt="What I want"></a></p>
  
  <p>Any ideas on how I can achieve it?</p>