[HTML/CSS] 입력되는 텍스트 길이에 따라 자동으로 높이가 늘어나는 textarea

textarea는 속성에서 rows나 cols로 열과 행의 크기를 정할 수 있습니다.

 

textarea

하지만 지정된 크기보다 텍스트가 많이 들어가면 세로 스크롤이 생깁니다. textarea 우측 모서리의 도구를 사용하여 resize 가능하지만 이 사실을 모르는 사용자가 있을 수 있습니다.

입력하는 텍스트 양에 따라 textarea가 자동으로 맞춰지면 훨씬 보기 좋고 편할텐데!

구글링 해서 찾았다.

자동으로 높이를 조절해주는 코드입니다.

See the Pen Easiest Autogrowing Textarea by Chris Coyier (@chriscoyier) on CodePen.

 

https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/

 

 

728x90