Frontend/뷰 Vue.js

<input type=" "에서 readonly, disabled>

Study-note 2020. 8. 18. 13:11

input type="text"에서 글을 입력하지 못하게 막기 - readonly, disabled

 

readonly: input type="text"에만 가능. 사용자는 value값을 변경할 수 없음

 

disabled: 모든 input객체(텍스트, 체크박스 등)에 대하여 비활성화 처리가능. Form전송(submit) 시 해당 객체는 전송이 안됨.

readonlyform전송(submit)이 가능하지만 disabledform전송 시 값이 전달되지 않는다.

회원정보 수정 프로세스 페이지를 만약 회원정보 추가 페이지와 동일한 페이지로 쓴다면 추가페이지에서는 전송되지만 수정페이지에서는 전송송지 않는 데이터(예를들면 보드넘버)

<td><input type="text" :value="board.boardNo" disabled></td>