"HTML textarea 자동 높이 조절"의 두 판 사이의 차이

2013년 4월 7일 (일) 23:33 판

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

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

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

@@ 1번째 줄: / 1번째 줄: @@
-;Textarea overflow visible
+;textarea overflow visible
+;textarea auto resize in chrome
-==소스코드==
+==소스 코드1==
 <source lang='html5'>
-<textarea style="width:300px;overflow:visible;">Hello world</textarea>
+<style>
+textarea {width:300px;overflow:visible;}
+</style>
+<textarea>Hello world</textarea>
 </source>
 *예제: http://jmnote.com/js/textarea_overflow.php
@@ 10번째 줄: / 14번째 줄: @@
 :IE8에서는 그에 맞게 TEXTAREA의 세로 크기가 늘어난다.
 :크롬에서는 늘어나지 않고, 대신 스크롤이 생긴다...
+==소스 코드2==
 ==참고 자료==
-*http://stackoverflow.com/questions/13555199/chrome-shows-scrolls-on-overflowvisible
+*http://stackoverflow.com/questions/995168/textarea-to-resize-based-on-content-length
 [[분류: HTML]]