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

4 votes314 views1 answer
How to read a form from HTML in javascript
Html
1 vote337 views1 answer
Html load page at certain point
Html
0 vote314 views1 answer
Html script element
Html
-1 vote327 views2 answers
Wordpress search in custom fields
Html
0 vote308 views1 answer
Select file html design
Html
46 votes352 views5 answers
Html text color tag
Html
15 votes244 views1 answer
How to create a link in html
Html
0 vote306 views1 answer
Jsp to html
Html
19 votes286 views4 answers
Google material icons
Html
5 votes321 views2 answers
Vue select v-for
Html