그때 그때/JS

input range / range slider / volume bar

web_seul 2023. 4. 27. 18:26
반응형

 

단방향 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