..

Search

readonly

readonly

<textarea> 태그의 readonly 속성


HTML <textarea> 태그 ⇒


정의 및 특징

<textarea> 태그의 readonly 속성은 <textarea> 요소의 텍스트 입력 영역이 읽기 전용임을 명시합니다.

 

읽기 전용으로 설정된 텍스트 입력 영역은 사용자가 수정할 수는 없지만, 해당 내용을 하이라이트하거나 복사할 수는 있습니다.

따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 텍스트 입력 영역을 클릭할 수 없도록 설정하고, 특정 조건이 충족되면 자바스크립트 등으로 readonly 속성값을 삭제하여 사용자가 텍스트 입력 영역을 수정할 수 있도록 조절할 수 있습니다.

 

disabled 속성이 명시된 텍스트 입력 영역의 값은 서버로 제출되지 않지만, readonly 속성이 명시된 텍스트 입력 영역의 값은 서버로 제출됩니다.

 

readonly 속성은 불리언(boolean) 속성입니다.

불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.


문법

<textarea readonly>


예제
<form action="/examples/media/action_target.php" method="get">
    <textarea name="opinion" cols="30" rows="5" readonly>의견이 없습니다.</textarea><br>
    <input type="submit">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

readonly 지원함 지원함 지원함 지원함 지원함 지원함

HTML과 XHTML에서의 차이점

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

<textarea readonly="readonly">

연습문제