개발자의 끄적끄적

[javascript/jquery] javascript input readonly example / 자바스크립트 input readonly 설정 방법 본문

개발/javascript & jquery

[javascript/jquery] javascript input readonly example / 자바스크립트 input readonly 설정 방법

효벨 2021. 9. 13. 03:00
728x90
반응형

[javascript/jquery] javascript input readonly example / 자바스크립트 input readonly 설정 방법

 

 

javascript 에서

 

input 태그를 제어하다보면

 

특정 상황에 따라서는 읽기전용,

 

즉, 수정이 불가하게 처리해야 하는 경우가 있습니다.

 

그럴때, readOnly 라는 속성을 적용하면 되는데요.

 

아래는 readOnly 를 적용하는 예제입니다.

 

 

우선 아래와 같이 id_input_text 라는 아이디를 가지는

 

input 태그가 있다고 가정하고,

<input type="text" id="id_input_text" />

 

위 태그에 readOnly 를 적용하고 싶으면

 

아래와 같이 스크립트를 사용하시면 됩니다.

 

document.getElementById('id_input_text').readOnly = true;

 

참고들 하세요!

반응형
Comments