title: HTML5 input type range - non-linear sequence?
body: <p>I want to use a slider control to input a selection. The possible values are: 5000, 25000, 50000, 75000, and 100000. However, I cannot get the range input to limit to those choices. The closest thing I've got is this:</p>
  
  <pre><code>&lt;datalist id="valid-options"&gt;
    &lt;option&gt;5000&lt;/option&gt;
    &lt;option&gt;25000&lt;/option&gt;
    &lt;option&gt;50000&lt;/option&gt;
    &lt;option&gt;75000&lt;/option&gt;
    &lt;option&gt;100000&lt;/option&gt;
  &lt;/datalist&gt;
  &lt;input type="range" min="5000" max="100000" step="5000" list="valid-options" ng-model="selectedValue" /&gt;
  </code></pre>
  
  <p>You can see the full sample here: <a href="http://jsfiddle.net/au14Lv2t/1/" rel="noreferrer">http://jsfiddle.net/au14Lv2t/1/</a></p>
  
  <p>The problem with this solution is that it allows for invalid values like 10000, 15000, etc.</p>
  
  <p>I'm looking for an AngularJS (or pure HTML5/JS/CSS) solution. I would prefer not to introduce jQuery.</p>
  
  <p>Thanks!</p>