How to get HTML 5 input type range with string values

Question

I need HTML 5 slider with three text value instead of integer. for example one I need following three value in slider.

likely unlikely very likely

<input type="range" min="1" max="100" value="50" class="slider" id="myRange">

michael.therrien · Accepted Answer · 2018-03-09 21:47:28Z

2

This would give you the HTML input you want: <input type="range" min="1" max="3" value"1" class="slider" id="myRange">

From there you could put text above/below it for display purposes. You'd simply save the integer as a value, or change it to text server-side.

answered Mar 9, 2018 at 21:47

michael.therrien

763 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Glad I could help! If you wouldn't mind, could you please select this as the accepted answer? Thanks!