<input> 태그의 checked 속성
HTML <input> 태그 ⇒
정의 및 특징
<input> 태그의 checked 속성은 페이지가 로드될 때 미리 선택될 <input> 요소를 명시합니다.
checked 속성은 페이지가 로드된 후에도 자바스크립트를 사용하여 설정할 수 있습니다.
checked 속성은 불리언(boolean) 속성입니다.
불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.
이 속성은 <input> 요소의 type 속성값이 “checkbox” 또는 “radio”인 경우에만 사용할 수 있습니다.
문법
<input type="checkbox|radio" checked> |
예제
<form action="/examples/media/action_target.php" method="get">
여러분이 가장 좋아하는 과일을 고르세요.<br>
<input type="radio" name="fruit" value="strawberry"> 딸기<br>
<input type="radio" name="fruit" value="watermelon"> 수박<br>
<input type="radio" name="fruit" value="banana" checked> 바나나<br>
<input type="submit">
</form>
지원하는 브라우저 및 버전
속성명 | ||||||
---|---|---|---|---|---|---|
checked | 1.0 | 지원함 | 2.0 | 1.0 | 1.0 | 1.0 |
HTML과 XHTML에서의 차이점
XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.
<input checked="checked" />