Input type="range" 예제

Input type="range" 예제입니다.

슬라이드 막대바가 나타나서  손쉽게 숫자를 입력할 수 있는 form 타입입니다.

range 타입

위 결과 화면을 만들어 봅니다.

<label for="brightness">밝기:</label>
<input type="range" id="brightness" name="brightness" min="0" max="100" value="50">

type ="range"는 슬라이드 바가 있는 숫자 입력 폼을 설정합니다.

min 속성은 입력할 수 있는 최소값.

max 속성은 입력할 수 있는 최댓값을 지정합니다.

value는 초기값을 지정합니다. 

슬라이드는 좌우로 움직일 때마다 1씩 값이 변화합니다.

 

form 요소 중 Input type="range"에 대해서 

알아보았습니다. 감사합니다.

 

https://soo0100.tistory.com/2193

Input type="number" 예제