[HTML] textarea의 placeholder속성 줄 바꿈 처리

HTML의 textarea 태그의 placeholder 속성에 줄바꿈 처리 하는 방법에 대해 알아보겠습니다.

textarea

textarea 태그는 사용자가 여러 줄의 텍스트를 입력할 수 있는 텍스트 입력 영역을 정의할 때 사용합니다.

 

텍스트 입력 영역의 크기는 textarea 요소의 cols 속성과 rows 속성으로 지정할 수 있으며, CSS에서 height 속성과 width 속성을 사용하면 더욱 손쉽게 지정할 수 있습니다.

placeholder 속성

placeholder 속성은 텍스트 영역의 예상 값을 설명하는 짧은 힌트를 지정합니다. 사용자가 값을 입력하기 전에 짧은 힌트가 텍스트 영역에 표시됩니다.

<textarea placeholder="댓글을 남겨보세요."></textarea>

placeholder 줄 바꿈

placeholder에서 줄 바꿈을 원할 때 <br> 태그는 사용되지 않습니다. 이럴 때 
 유니코드를 사용하면 줄 바꿈을 쉽게 적용할 수 있습니다.

<textarea placeholder="댓글을 남겨보세요.&#10;줄바꿈을 적용합니다."></textarea>

Demo

See the Pen placeholder by 서근 (@seogun95) on CodePen.

---

오늘은 이렇게 HTML의 textarea 태그의 placeholder 속성에 줄 바꿈 처리하는 방법에 대해 알아보았습니다.

 

읽어주셔서 감사합니다 🤟