HTML <입력 유형="범위">

❮ HTML <입력> 유형 속성

예시

슬라이더 컨트롤과 같은 범위 컨트롤 정의:

<label for="points">Points (between 0 and 10):</label>
<input type="range" id="points" name="points" min="0" max="10">

정의 및 사용

슬라이더 컨트롤과 같이 정확한 값 이 <input type="range">중요하지 않은 숫자를 입력하기 위한 컨트롤을 정의합니다.

기본 범위는 0~100입니다. 그러나 아래 속성을 사용하여 허용되는 숫자에 대한 제한을 설정할 수 있습니다.

  • max - 허용되는 최대값을 지정합니다.
  • min - 허용되는 최소값을 지정합니다.
  • 단계 - 법적 번호 간격을 지정합니다.
  • - 기본값을 지정합니다.

팁:<label> 최상의 접근성 사례를 위해 항상 태그를 추가하십시오 !


브라우저 지원

표의 숫자는 요소를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Attribute
type="range" 4.0 10.0 23.0 3.1 10.1

통사론

<input type="range">

❮ HTML <입력> 유형 속성