title: Validate 0.5 as Step Value in HTML5 Number Input
body: <p>I want to have an input field which only allows to type whole numbers or .5 decimal numbers. e.g. 0, 0.5, 1, 1.5, 2, 2.5.......etc etc</p>
  
  <p>I am trying to do this with a HTML5 input field as so</p>
  
  <p><code>&lt;input type="number" min="0" max="18" step="0.5" pattern="\d+" /&gt;</code></p>
  
  <p>but it won't validate the number when it is on a half step of 0.5. It just stays red when clicking outside / validating. </p>
  
  <p>Is this possible? I can't find similar example of how to validate for half steps. DO I need to use jQuery to achieve this?</p>
  
  <p>Thanks</p>
  
  <p>Fiddle Demo <a href="http://jsfiddle.net/b8NrE/906/" rel="noreferrer">http://jsfiddle.net/b8NrE/906/</a></p>