..

Search

type="color"

<input type=“color”>


HTML <input> 태그 ⇒

<input> 태그의 type 속성 ⇒


정의 및 특징

<input type=“color”>는 색을 선택할 수 있는 입력 필드(color picker)를 정의합니다.

 

입력 필드의 기본값은 “#000000”으로 검정색을 나타내며, 반드시 해시 문자(#)로 시작하는 총 7자리의 16진수의 값이 와야 합니다.


문법

<input type="color">


예제
<form action="/examples/media/action_target.php" method="get">
    여러분이 가장 좋아하는 색깔을 골라보세요.<br>
    <input type="color" name="mycolor" value="#00ff00">
    <input type="submit">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

type="color"

20.0 14.0 지원하지 않음 29.0 10.0 12.0

HTML5에서 변경된 사항

<input type=“color”>는 HTML5에서 새롭게 추가된 속성값입니다.


연습문제