최신 웹 개발 튜토리얼
 

Input Color value Property

<입력 색상 개체

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

document.getElementById("myColor").value = "#FF8040";
»그것을 자신을 시도

정의 및 사용

값 속성 집합 또는의 값 반환 value 색상 선택기의 속성을.

value 속성은 색상 선택의 색상을 지정한다.

참고 : 아무 것도 지정하지 않으면, 기본 색상은 # 000000입니다 (black) .


브라우저 지원

재산
value 10.0

참고 : <input type="color"> 요소는 인터넷 익스플로러와 사파리의 모든 ColorPicker를 표시하지 않습니다.


통사론

값 속성을 반환합니다 :

colorObject .value

값 속성을 설정 :

colorObject .value= #hexvalue

속성 값

기술
#hexvalue 색상 선택기의 색상을 지정합니다.

값은 진수해야합니다 (hex) 3 개 두 자리 숫자, # 기호로 시작 : 값 (like #FF8040) .

참고 : 컬러 키워드 (같은 "red" 또는 "파란색")는 허용되지 않습니다.

참고 : 기본 색상 # 000000입니다 (black) .

기술적 세부 사항

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

더 예

색상 선택기의 색상을 얻을 :

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

X의 결과는 다음과 같습니다

#ff0080
»그것을 자신을 시도

DEFAULTVALUE 및 속성 값 사이의 차이를 보여주는 예 :

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;
»그것을 자신을 시도

관련 페이지

HTML 튜토리얼 : HTML 색상

HTML 튜토리얼 : HTML 색상 값 (HEX)

HTML 참조 : HTML <input> value 속성


<입력 색상 개체