본문 바로가기

Frontend/뷰 Vue.js

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

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>

'Frontend > 뷰 Vue.js' 카테고리의 다른 글

v-model  (0) 2020.08.18
Vue란?  (0) 2020.08.18
Components 컴포넌트 Component  (0) 2020.08.18
설치  (0) 2020.08.18
Vuex란?  (0) 2020.08.18