..

Search

checked

checked

<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>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

checked 1.0 지원함 2.0 1.0 1.0 1.0

HTML과 XHTML에서의 차이점

XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.

<input checked="checked" />

연습문제