maxlength , readonly

maxlength , readonly

maxlength , readonly는

HTML에 가장 기본적인 기능 중 <input type="text">

그안에 쓰이는 속성이다.

maxlength는 최대 글자수를 제한한다.

readonly는 수정 불가를 의미한다.

우선 input type="text"이다.

 

 

 

value안에 글을 넣으면 textbox안에 들어가고 바깥에 쓰면 사진처럼 옆으로 들어간다.

 

 

 기존 text에는 아무 속성도 주지않았기 때문에 글자수의 제한이 없다.

이때 maxlength속성에 값을 주면 글자수 제한이 들어간다. (!!! 특이점 : 제한이 들어가도 처음 value값은 출력된다.!!!)

 그후 수정시 2글자뿐이 들어가지 않는다 maxlength값이 2로 지정되었기 때문에

여기에 readonly 속성을 추가하면 수정불가가 된다.




가장 기본적인 기능임에도 중요하게 적는 이유는

AJAX를 사용하여 데이터를 넘길때 TEXT의 데이터를  DB데이터의 기준점으로 설정 할 수 있다. 

내가 넣은 value 값을 고정시킨후 그 값을 기준으로 update나 delete를 실행하는 일이 있을 수 있다.  콤보박스에 체크와 언체크의 데이터를 넘기려고할때 기준이 애매했는데 text에 value값을
readonly로 지정하여 쉽게 DB데이터에 기준을 만들었다.

주의점은 한글로 지정했을경우 웹에서 한글이 깨지면 기준점을 다시 지정해줘야하기때문에 한글을 기준으로 잡는것은 고민을 하는것이 좋다.