textarea 태그

textarea 태그는 HTML 폼에서 사용할 다중 줄 입력 필드를 생성합니다.

input 태그와 달리, textarea에서는 Enter 키로 구분하여 여러 줄의 텍스트를 입력할 수 있습니다.

textarea 태그는 form 태그 내부에 위치해야 합니다. 이는 필수 사항은 아니지만, 데이터를 서버로 전송하고 PHP를 통해 이후 처리하기 위해서는 필요합니다.

기본적으로 사용자는 오른쪽 하단 모서리를 끌어서 textarea 태그의 크기를 변경할 수 있습니다. 이 동작은 CSS 속성 resize를 사용하여 변경할 수 있습니다.

예제 . 기본 textarea

textarea 태그가 어떻게 동작하는지 살펴보겠습니다:

<textarea></textarea>

textarea 태그에 기본 텍스트를 추가해 보겠습니다. input 태그와 달리, textarea 태그에는 value 속성이 지정되지 않으며, 기본 텍스트는 여는 태그와 닫는 태그 사이에 작성된다는 점에 유의하세요:

<textarea>어떤 텍스트</textarea>

여는 태그와 닫는 태그를 다른 줄에 배치하면, 결과적으로 이 입력 필드에 불필요한 공백이 생성될 수 있습니다(해결 방법: 다른 줄에 배치하지 마세요):

<textarea>
	어떤 텍스트
</textarea>

이제 textarea 태그에 힌트 placeholder를 추가해 보겠습니다:

<textarea placeholder="나는 힌트입니다"></textarea>