Bootstrap 5 범위

사용자 정의 범위

범위 메뉴 스타일을 설정하려면: .form-range type="range"의 input 요소에 클래스 추가:

사용자 정의 범위:

예제

<label for="customRange" class="form-label">사용자 정의 범위</label>
<input type="range" class="form-range" id="customRange">

직접 테스트해 보세요

스텝

기본적으로, 범위 값 사이의 간격은 1입니다. 사용할 수 있습니다 step 속성을 변경하려면:

예제

<input type="range" class="form-range" step="10">

직접 테스트해 보세요

최소값과 최대값

기본적으로, 최소值为 0, 최대值为 100입니다. 사용할 수 있습니다 min 또는 max 속성을 변경하려면:

예제

<input type="range" class="form-range" min="0" max="4">

직접 테스트해 보세요