How to add scale in slider control in html5 input tag

Question

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

Answer 1

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>