체크박스
플래그 checkbox는
HTML 폼의
체크 표시 또는 V 자 모양 요소로,
체크된 상태와 체크되지 않은 상태, 두 가지 상태를 가질 수 있습니다.
플래그는 input 태그에
type 속성을 checkbox 값으로 설정하여 생성됩니다.
플래그의 외관:
체크된 체크박스는 서버로
value 속성의 내용을 전송합니다.
체크박스에 value 속성이 없는 경우
- 문자열 "on"을 전송합니다. 체크박스가
체크되지 않은 경우 - value 속성의 존재 여부와 관계없이
서버로 아무것도 전송되지 않습니다.
예제
두 개의 체크박스 플래그를 만들어 봅시다:
첫 번째는 체크된 상태로 (checked 속성이 주어졌으므로),
두 번째는 체크되지 않은 상태로:
<input type="checkbox" checked> <input type="checkbox">
:
예제 . 비활성화된 체크박스
disabled 속성을 사용하여
비활성화된 플래그를 살펴봅시다. 클릭해도 상태가
변하지 않습니다:
<input type="checkbox" disabled>
:
예제 . 비활성화되고 체크된 체크박스
이제 disabled 속성으로 플래그를 비활성화하고,
체크된 상태로 만들기 위해 checked 속성을 지정해 봅시다:
<input type="checkbox" disabled checked>
:
