더북(TheBook)

readonly 속성

readonly 속성은 상호작용 요소를 읽기 전용으로 변경합니다. 읽기 전용으로 변경되면 입력 요소에 텍스트를 입력할 순 없지만, 요소를 선택하거나 드래그해서 내용을 복사할 순 있습니다. readonly 속성은 상호작용 요소를 생성할 수 있는 태그 중 textarea 태그와 input 태그에서 사용할 수 있습니다. 다만, input 태그에서는 type 속성값이 text, search, url, tel, email, password, date, month, week, time, datetime-local, number일 때만 사용할 수 있습니다.

형식

<태그 readonly>

readonly 속성은 다음과 같이 적용합니다.

03/06/readonly.html

<input type="password" readonly>
<textarea readonly></textarea>

그림 3-29 실행결과

코드를 실행해 보면 입력 요소에 텍스트를 입력할 수는 없지만, 마우스로 요소를 클릭할 수는 있습니다.

TIP | disabled 속성과 readonly 속성은 둘 다 상호작용 요소를 사용하지 못하게 한다는 점에서 비슷해 보입니다. 그러나 disabled 속성은 form 태그로 서버에 값을 전송할 때 값이 아예 전송되지 않지만, readonly는 값이 전송된다는 차이가 있습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.