<input> 태그의 readonly 속성
HTML <input> 태그 ⇒
정의 및 특징
<input> 태그의 readonly 속성은 <input> 요소의 입력 필드가 읽기 전용임을 명시합니다.
읽기 전용으로 설정된 입력 필드는 사용자가 수정할 수는 없지만, 해당 내용을 하이라이트하거나 복사할 수는 있습니다.
따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 입력 필드의 내용을 수정할 수 없도록 설정하고, 특정 조건이 충족되면 자바스크립트 등으로 readonly 속성값을 삭제하여 사용자가 입력 필드를 수정할 수 있도록 조절할 수 있습니다.
disabled 속성이 명시된 입력 필드의 값은 서버로 제출되지 않지만, readonly 속성이 명시된 입력 필드의 값은 서버로 제출됩니다.
readonly 속성은 불리언(boolean) 속성입니다.
불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.
문법
|
<input readonly> |
예제
<form action="/examples/media/action_target.php" method="get">
이름 : <input type="text" name="st_name"><br>
학과 : <input type="text" name="department" value="컴퓨터공학과" readonly><br>
<input type="submit">
</form>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| readonly | 1.0 | 지원함 | 6.0 | 1.0 | 1.0 | 1.0 |
HTML과 XHTML에서의 차이점
XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.
<input readonly="readonly" />
