Range slider in html

Html make range bar show value

<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
<input type="text" id="textInput" value="">

Source: stackoverflow.com

Range slider in html

<input type="range" list="tickmarks">

<datalist id="tickmarks">
  <option value="0" label="0%"></option>
  <option value="10"></option>
  <option value="20"></option>
  <option value="30"></option>
  <option value="40"></option>
  <option value="50" label="50%"></option>
  <option value="60"></option>
  <option value="70"></option>
  <option value="80"></option>
  <option value="90"></option>
  <option value="100" label="100%"></option>
</datalist>

Source: developer.mozilla.org

Similar codes

18 votes282 views2 answers
Visual studio code html template shortcut
Html
-1 vote245 views1 answer
How to add a background to text in html
Html
-1 vote275 views1 answer
Align center bootstrap 5 objects
Html
2 votes251 views1 answer
Icon for about us font awesome
Html
0 vote252 views1 answer
V-on hover
Html
29 votes287 views4 answers
Html starter template
Html
1 vote245 views2 answers
Js open pdf in new tab
Html
15 votes255 views1 answer
Tabulation html
Html
-1 vote337 views3 answers
Xss commands
Html
0 vote272 views1 answer
Show image only on md screen
Html