● 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는 값이 전송된다는 차이가 있습니다.