230829) Input 태그 사용 시 최대 글자 수 제한

<input> 태그를 type="text"로 사용하며 글자를 입력 받을 때, 최대 글자수를 제한해야 하는 경우들이 자주 있다.

이럴 때 함수를 만들어 input에 들어가는 value의 length 를 제한하는 방법도 있겠지만, 그보다 훨씬 쉽고 간단하게 최대 글자수를 제한할 수 있는 방법이 존재한다!

 

바로 maxLength를 사용하는 것이다.

 

<input
          type="text"
          maxLength="10"/>

위 경우처럼 maxLength를 지정하고, 몇 자로 제한할 건지 적어주기만 하면 maxLength 에 적어둔 숫자만큼 최대 글자수가 제한된다!

 

정말 쉽고 간단하게 가능하니까... 다들 사용해 보세요

 

---

 

 

오늘도 잘 해냈다!