단방향 range bar는 HTML 기본태그 input range를 사용하면 됨
<input type="range" id="volume" name="volume" min="0" max="11">
<label for="volume">Volume</label>
양방향 range bar는 input range태그에 커스텀 + js를 사용해서 눈속임으로 만들어야함
https://codingsalon.tistory.com/104
[HTML¦CSS] multi range slider
range slider를 유튜브 따라서 만들어봤다! 코드펜 링크🔗 javascript 코드도 들어가지만 input type="range"때문에 HTML¦CSS 카테고리에 글을 쓴다. 먼저 설명하자면, 1. 진짜 슬라이더인 input 2개를 만들고,
codingsalon.tistory.com
반응형
'그때 그때 > JS' 카테고리의 다른 글
| drag & drop (0) | 2022.10.24 |
|---|---|
| 자동 롤링 배너 (0) | 2021.02.15 |
| 구글지도 api (0) | 2020.11.18 |
| input 현재 날짜를 기본값으로 설정하기 (0) | 2020.09.14 |