HTML textarea 자동 높이 조절

textarea overflow visible

textarea auto resize in chrome

1 소스 코드1

<style>
textarea {width:300px;overflow:visible;}
</style>
<textarea>Hello world</textarea>

• 예제: http://jmnote.com/js/textarea_overflow.php
• IE는 크롬이든 최초 문자열의 크기에 맞게 TEXTAREA 세로 크기가 정해진다.
• 이후에 텍스트를 입력하면...

IE8에서는 그에 맞게 TEXTAREA의 세로 크기가 늘어난다.

크롬에서는 늘어나지 않고, 대신 스크롤이 생긴다...

3 참고 자료

• http://stackoverflow.com/questions/995168/textarea-to-resize-based-on-content-length