Is there any way we could include a scale in slider. I haven't found any attribute to do that.

To make tick marks on the slider , you will have to use the attribute called <code>list</code> and it should be linked to <code><datalist></code> tag of HTML5 <pre class="prettyprint"><code><input type=range min=0 max=100 value=50 step=20 list=tickmarks> <datalist id=tickmarks> <option>0</option> <option>20</option> <option>40</option> <option>60</option> <option>80</option> <option>100</option> </datalist> </code></pre>

How to add scale in slider control in html5 input tag

1 Answers

To make tick marks on the slider , you will have to use the attribute called list and it should be linked to <datalist> tag of HTML5

<input type=range min=0 max=100 value=50 step=20 list=tickmarks>
<datalist id=tickmarks>
<option>0</option>
<option>20</option>
<option>40</option>
<option>60</option>
<option>80</option>
<option>100</option>
</datalist>