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

이 글에 대해 어떻게 생각하시나요?
유용한 포스트였나요? 여러분의 의견을 하단의 Vote와 댓글로 남겨주세요 🙂
유용합니다!
아쉽습니다.

여러분의 의견을 댓글로 남겨주세요.

avatar
error: