html type range show label

Harsha Chinnaswamy answered on May 31, 2022 Popularity 8/10 Helpfulness 3/10

answer html type range show label

html type range show label

Comment

datalist {
  display: flex;
  justify-content: space-between;
  color: red;
  width: 50%;
}

input {
  width: 50%;
}

<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="5"></option>
  <option value="60"></option>
  <option value="70"></option>
  <option value="80"></option>
  <option value="90"></option>
  <option value="100" label="10"></option>
</datalist>

Popularity 8/10 Helpfulness 3/10 Language html

Source: stackoverflow.com

Tags: html label range show

Link to this answer
Share Copy Link

Contributed on May 31 2022

Harsha Chinnaswamy

0 Answers Avg Quality 2/10

html type range show label

Contents

More Related Answers

html type range show label

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.