Hello Earth

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

h

HTML textarea 개행 처리


textarea br tag

 

 

 

HTML에서 textarea 폼에서는 일반적인 <br> 태크나 \r, \n, \r\n을 사용하여 개행 처리를 할 수 없습니다.
자바스크립트나 PHP 등을 통하여 입력된 데이터에 대해 후속 개행 처리는 할 수 있지만 위와 같이 미리 보여주는 데이터에 대해서는 엔터가 처리되지 않음을 알 수 있습니다.

textarea code위 사진처럼 코드 상에서 단순히 엔터만 쳤을 경우 개행은 됩니다.  (첫 번째 사진의 두 번째 줄) 그러나 위 방법으로는 코드상으로 보기에 불편해질 수 있으며 placaholder 메세지에는 위 방법이 통하지 않으므로 아래 방법을 사용한다면 쉽게 개행이 가능합니다.

개행을 처리하고자 하는 문자에 아래 문자를 삽입하세요.
&#10;

예시 : 첫 번째 줄&#10;두 번째 줄

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

댓글 달기

Hello Earth

최근 글

최근 댓글

카테고리