색상 값 속성 입력
예시
색상 선택기의 색상 변경:
document.getElementById("myColor").value = "#FF8040";
정의 및 사용
값 속성은 색상 선택기의 값 속성 값을 설정하거나 반환합니다.
값 속성은 색상 선택기의 색상을 지정합니다.
참고: 아무것도 지정하지 않으면 기본 색상은 #000000(검정)입니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
value | Yes | 10.0 | Yes | Yes | Yes |
참고: <input type="color"> 요소는 Internet Explorer 및 Safari에서 색상 선택기를 표시하지 않습니다.
통사론
값 속성을 반환합니다.
colorObject.value
값 속성을 설정합니다.
colorObject.value = #hexvalue
속성 값
Value | Description |
---|---|
#hexvalue |
Specifies a color for the color picker. The value must be a hexadecimal (hex) value: 3 double digit numbers, starting with a # sign (like #FF8040). Note: Color keywords (like "red" or "blue") are not allowed. Note: Default color is #000000 (black). |
기술적 세부 사항
반환 값: | 색상을 나타내는 문자열 |
---|
더 많은 예
예시
색상 선택기의 색상 가져오기:
var x = document.getElementById("myColor").value;
예시
defaultValue와 value 속성의 차이점을 보여주는 예:
var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;
관련 페이지
HTML 튜토리얼: HTML 색상
HTML 튜토리얼: HTML 색상 값(HEX)
HTML 참조: HTML <input> 값 속성
❮ 색상 개체 입력