Input Range value 속성

HTML DOM 입력 범위 객체

정의와 사용법

value 속성 설정 또는 슬라이더 컨트롤의 value 속성의 값을 반환합니다.

HTML value 속성은 기본 값 또는 사용자 입력의 값(또는 스크립트에서 설정된 값)을 정의합니다.

추가로 참조:

HTML 참조 매뉴얼:HTML <input> value 속성

예제

예제 1

슬라이더 컨트롤의 값을 변경하기:

document.getElementById("myRange").value = "75";

직접 시도해 보세요

예제 2

슬라이더 컨트롤의 값을 가져오기:

var x = document.getElementById("myRange").value;

직접 시도해 보세요

예제 3

defaultValue와 value 속성 간의 차이를 보여주는 예제:

var x = document.getElementById("myRange");
var defaultVal = x.defaultValue;
var currentVal = x.value;

직접 시도해 보세요

문법

value 속성 반환:

rangeObject.value

value 속성 설정:

rangeObject.value = number

속성 값

값 설명
number 스위치 컨트롤러의 값을 정의합니다. 값이 정의되지 않으면 기본 값 "50"이 됩니다.

기술 세부 사항

반환 값: 스위치 컨트롤러의 값을 나타내는 숫자입니다.

브라우저 지원

표에서는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 기재했습니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 10.0 지원 지원 지원

HTML DOM 입력 범위 객체