Input Pseudo-classes
이 섹션의 가상 클래스는 대부분 HTML의 입력 요소와 같이 사용자 입력을 받는 요소에 적용된다.
관련 선택자 유형
:autofill
웹브라우저에 의해 제시된 값으로 채워질 때 일치한다. 사용자가 필드의 값을 수정하면 더이상 일치되지 않는다.
:checked
<input>
태그의 type
속성이 radio
이거나 checkbox
일 때 체크된 경우에 선택자로 사용된다.
:default
입력 요소 그룹 중에서 기본 값을 갖는 요소를 선택자로 사용한다.
:disabled
비활성화(선택, 클릭, 입력 불가)된 요소를 선택자로 사용한다. 이러한 요소에는 해당하는 활성화 상태가 있어야 비교가 되어진다.
:enabled
사용 가능(선택, 클릭, 입력)한 요소가 선택자로 사용된다. 이러한 요소에는 해당하는 비활성화 상태가 있어야 비교가 되어진다.
:in-range
입력 요소의 값이 min과 max 속성의 설정 값 내에 있는 경우 선택자로 사용이 된다.
:indeterminate
값이 불확정 상태인 입력 요소와 일치한다.
:invalid
유효하지 않은 값을 가진 폼 요소를 선택자로 사용한다.
:optional
필수 입력을 의미하는 속성인 required
가 설정되어 있지 않은 input
, select
, textarea
요소를 선택자로 사용한다.
:out-of-range
입력 요소의 값이 min
과 max
속성의 설정 값 범위 밖에 있는 경우 선택자로 사용이 된다.
:placeholder-shown
placehoder
로 표시되는 키보드 입력 요소의 스타일 처리를 위한 선택자로 사용된다.
:read-only
readonly
속성이 명시된 읽기 전용 입력 요소(input
, textarea
)인 경우에 선택자로 사용이 된다.
:read-write
편집 가능한 입력 요소(input
, textarea
)인 경우에 선택자로 사용이 된다.
:required
필수 입력을 의미하는 속성 required
가 명시된 input
, select
, textarea
요소를 선택자로 사용한다.
:valid
유효한 값을 가진 폼 요소를 선택자로 사용한다.
W3C Modules