title: HTML number input: how to allow decimal numbers with step=1
body: <p>For a number input, is there a way to have <code>step=1</code> yet allow the user to enter decimal numbers?</p>
  
  <p>The reason is I want the arrows on the input box to increase/decrease the value by 1, but allow the user to enter decimals if they want to be more specific.</p>
  
  <p>At the moment I have:</p>
  
  <pre><code>&lt;input type="number" name="price" placeholder="£" step="1" id="id_price"&gt;
  </code></pre>
  
  <p>The arrows work as intended, but I get a validation error if 2.99 is entered, for example. Removing the step allows decimals to be entered, but the arrows now only increase/decrease by 0.01.</p>
  
  <p>I am leaning towards a Javascript solution, but I was just wondering what the best solution was. Is there another option or an existing library?</p>