개발자의 개발 블로그

<textarea id="txt" rows="0" cols="0">

<?php echo "글을 입력하세요."?>

</textarea>

이렇게 작성을 하면, 깔끔해보이고 좋다. 

하지만, 인터넷 익스플로러에서는 오류가 발생한다.

바로 글 입력 후 키보드에서 손을 떼면 다음 줄로 이동, 다시 누르면 그 다음줄에 글이 입력된다.

즉, 두줄에 한 번만 입력된다. 아래 그림과 같은 형태로 글이 작성된다.(엔터를 누르지 않았음에도..)

ㅁㄴㅇㄹ

ㅁㄴㅇㄹ

ㅁㄴㅇㄹ

ㅁㄴㅇㄹ

ㅁㄴㅇㄹ

ㅁㄴㅇㄹ

<textarea id="txt" rows="0" cols="0"><?php echo "글을 입력하세요."?></textarea>

이렇게 붙여쓰면 오류가 사라지게 된다.

개행뿐만 아니라 커서의 위치가 Textarea 중간에 가있는 현상 역시 위와 같은 문제이다.

따라서, 붙여서 쓰면 문제가 해결된다.

https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=13451

https://okky.kr/article/292680

이 두 사이트에서 답을 찾았다.

검색어는 Textarea 빈값

<textarea style="resize: none;"></textarea>

묻고도 따지지도 않습니다.

크롬에서는 Textarea창을 사용자가 조절할 수 있도록 해줍니다.

하지만, 이러한 기능을 원치 않는다면 위와 같이 스타일을 

추가해줍니다. 그러면 고정이 되는 것을 볼 수 있을 것입니다.

크기 조절을 어떻게 하냐구요?

rows="5" cols="80" 

이렇게~~

rows는 줄 즉 세로의 길이를 지정(몇 줄 쓰고 줄바꿈할꺼냐)

cols는 칸 즉 가로의 길이를 지정(한줄에 몇 자나 쓸꺼냐)