JooTC
textarea br tag

html textarea에 개행(br)을 처리하는 방법

HTML textarea 개행 처리


textarea br tag

 

HTML에서 textarea 폼에서는 일반적인 <br> 태그나 \r, \n, \r\n을 사용하여 개행 처리를 할 수 없습니다.

자바스크립트PHP 등을 통하여 입력된 데이터에 대해 후속 개행 처리는 할 수 있지만 위와 같이 미리 보여주는 데이터에 대해서는 엔터가 처리되지 않음을 알 수 있습니다.

textarea code

 

위 사진처럼 코드 상에서 단순히 엔터만 쳤을 경우 개행은 됩니다.  (첫 번째 사진의 두 번째 줄)

그러나 위 방법으로는 코드상으로 보기에 불편해질 수 있으며 placaholder 메세지에는 위 방법이 통하지 않으므로 아래 방법을 사용한다면 쉽게 개행이 가능합니다.

개행을 처리하고자 하는 문자에 아래 문자를 삽입하세요.
&#10;
예시 : 첫 번째 줄&#10;두 번째 줄

 

이렇게 하면 개행을 처리할 수 있습니다. 이 방법은 textarea에 있는 placeholder에서도 적용되기 때문에 유용하게 사용될 수 있을 것입니다.

이 포스트가 도움이 되었나요?

2
댓글 남기기

avatar
1 댓글 스레드
1 답변 스레드
0 팔로워
 
답변 많은 댓글
인기 있는 댓글
2 댓글 작성자
JooTCㅇㅁㅇ 최근 댓글 작성자
ㅇㅁㅇ
유저
ㅇㅁㅇ

우왕 굿굿입니다

error: 경고: 무단 콘텐츠 복사 및 사용을 금지하고 있습니다. 이해해주셔서 감사합니다.