HTML DOM 입력 색상 객체
- 이전 페이지 <input> 체크박스
- 다음 페이지 <input> date
Color 객체
Color 객체는 HTML5에서 새로운 객체입니다。
Color 객체는 HTML <input type="color"> 요소를 나타냅니다。
주석:Internet Explorer와 Safari는 <input type="color"> 요소를 지원하지 않습니다。
Color 객체 접근
getElementById()를 사용하여 <color> 요소에 접근할 수 있습니다：
var x = document.getElementById("myColor");
نصیحت:추가로, 양식의 elements 콜렉션을 순회하면 됩니다。Color 객체에 접근하기 위해
Color 객체 생성
document.createElement() 메서드를 사용하여 <color> 요소를 생성할 수 있습니다：
var x = document.createElement("INPUT");
x.setAttribute("type", "color");
Color 객체 속성
| 속성 | 설명 |
|---|---|
| autocomplete | 색상 선택기의 autocomplete 속성 값을 설정하거나 반환합니다。 |
| autofocus | 색상 선택기가 페이지 로드 후 자동으로 포커스를 받도록 설정하거나 반환합니다。 |
| defaultValue | 색상 선택기의 기본 값을 설정하거나 반환합니다。 |
| disabled | 색상 선택기가 비활성화되었는지 설정하거나 반환합니다。 |
| form | 색상 선택기가 포함된 양식에 대한 참조를 반환합니다。 |
| list | 색상 선택기가 포함된 datalist에 대한 참조를 반환합니다。 |
| name | 색상 선택기의 name 속성 값을 설정하거나 반환합니다。 |
| type | 색상 선택기의 양식 요소 타입을 반환합니다。 |
| value | 색상 선택기의 value 속성 값을 설정하거나 반환합니다。 |
- 이전 페이지 <input> 체크박스
- 다음 페이지 <input> date
