Input Color disabled 속성

HTML DOM Input 색상 객체

정의 및 사용법

disabled 색상 선택기를 비활성화할지 여부를 설정하거나 반환합니다.

비활성화된 요소는 사용할 수 없으며 클릭할 수 없습니다. 기본적으로 비활성화된 요소는 브라우저에서 회색으로 표시됩니다.

이 속성은 HTML disabled 속성을 반영합니다.

다른 참조:

HTML 참조 가이드:HTML <input> disabled 속성

예제

예제 1

색상 선택기를 비활성화:

document.getElementById("myColor").disabled = true;

직접 시도해 보세요

예제 2

색상 선택기가 비활성화되었는지 확인:

var x = document.getElementById("myColor").disabled;

직접 시도해 보세요

예제 3

색상 선택기를 비활성화 및 활성화:

function disableBtn() {
    document.getElementById("myColor").disabled = true;
}
function undisableBtn() {
    document.getElementById("myColor").disabled = false;
}

직접 시도해 보세요

문법

disabled 속성 반환:

colorObject.disabled

disabled 속성 설정:

colorObject.disabled = true|false

속성 값

값 설명
true|false

색상 선택기를 비활성화할지 여부를 정의합니다.

  • true - 색상 선택기가 비활성화되어 있음
  • false - 기본값. 색상 선택기가 비활성화되어 있지 않음

기술 세부 사항

반환 값: 색상 선택기가 비활성화되었을 때 반환 true아니면 반환 false.

브라우저 지원

표에서의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

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

주의:<input type="color"> 요소는 Internet Explorer와 Safari에서 어떤 색상 선택기도 표시하지 않습니다.

HTML DOM Input 색상 객체