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에서도 적용되기 때문에 유용하게 사용될 수 있을 것입니다.

구독
알림
guest

4 Comments
Inline Feedbacks
모든 댓글 보기
ㅇㅁㅇ
ㅇㅁㅇ
4 년 전에

우왕 굿굿입니다

제임스
제임스
4 년 전에

정말 감사합니다!!!!!!!!!!!!우와

당신은 나의 구세주
당신은 나의 구세주
4 년 전에

사랑합니다.

4
0
이 포스트에 대한 의견을 남겨주세요!x