[HTML] HTML input 태그 readonly 속성 [5/20 study]

 

 

HTML input 태그 readonly 속성

 

 

 

 

정의 및 특징

<input> 태그의 readonly 속성은 <input> 요소의 입력 필드가 읽기 전용임을 명시합니다.

 

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

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

 

disabled 속성이 명시된 입력 필드의 값은 서버로 제출되지 않지만, readonly 속성이 명시된 입력 필드의 값은 서버로 제출됩니다.

 

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

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

참고사이트

https://www.tcpschool.com/html-tag-attrs/input-readonly

코딩교육 티씨피스쿨