Input Color value 속성

HTML DOM 입력 색상 객체

정의와 사용법

value 속성 설정 또는 색상 선택자의 value 속성 값을 반환합니다.

HTML value 속성은 색상 선택자의 색상을 정의합니다.

주석:내용이 정의되지 않았을 경우 기본 색상은 #000000(검은색)입니다.

관련 페이지

HTML 강의:HTML 색상

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

예제

예제 1

색상 선택자의 색상을 변경합니다:

document.getElementById("myColor").value = "#FF8040";

직접 시도해 보세요

예제 2

색상 선택자의 색상을 가져옵니다:

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

직접 시도해 보세요

예제 3

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

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

직접 시도해 보세요

문법

value 속성을 반환합니다:

colorObject.value

value 속성을 설정합니다:

colorObject.value = #hexvalue

속성 값

값 설명
#hexvalue

색상 선택자의 색상을 정의합니다.

이 값은 16진수(hex) 값이어야 합니다: # 문자로 시작하는 3개의 두자릿수입니다(예: #FF8040).

주의:색상 키워드(예: "red" 또는 "blue")를 사용할 수 없습니다.

주석:기본 색상은 #000000(검은색)입니다.

기술 세부 사항

반환 값: 색상을 나타내는 문자열 값.

브라우저 지원

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

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

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

HTML DOM 입력 색상 객체