title: Using currency symbols and commas in an input of type number
body: <p>The best iOS keyboard for entering USD currency values (pictured below) includes numbers 0-9, the decimal symbol, the comma symbol, and the dollar sign. As far as I know, the only way to <em>get</em> this keyboard on Mobile Safari is to use <code>&lt;input type="number"&gt;</code>.</p>
  
  <p>Unfortunately, iOS currently has built-in validation for the <code>number</code> input type which screens out commas and dollar symbols. Since this validation "feature" is embedded in the browser and Mobile Safari hasn't yet implemented the <code>novalidate</code> directive, there is currently no way to do this validation manually.</p>
  
  <p>Using <code>&lt;input type="text"&gt;</code> would obviously solve the validation problem, but it also would bring up the regular alpha keyboard, which is not acceptable for my current project (a financial calculator).</p>
  
  <p>I'm on the verge of doing something crazy, like using JavaScript to quickly switch the <code>type</code> from <code>number</code> to <code>text</code> after the <code>input</code> receives focus. I'm grasping at straws here. Any ideas?</p>
  
  <p><img src="https://i.stack.imgur.com/eycpY.png" alt="enter image description here"></p>