[HTML] input 태그의 readonly, disabled 속성

readonly 와 disabled 속성

<input type="text" placeholder="readonly" readonly />
<input type="text" placeholder="disabled" disabled />

공통점

둘 다 사용자(유저)가 값을 입력할 수 없고, 오직 읽을 수만 있다.

차이점

readonly : <form> 태그를 통해 데이터를 전송할 수 있다.

disabled : <form> 태그를 통해 데이터를 전송할 수 없다.

---

회원 가입 페이지에서 우편번호 검색 기능을 구현할 때, 주소나 우편번호 입력칸을 사용자가 편집할 수 없게 하고 싶다면 disabled보다 readonly가 더 적합하겠다.