<textarea>
- 목적: 사용자가 자유롭게 텍스트를 입력할 수 있는 멀티라인 입력 컨트롤. 예: 댓글, 피드백 폼.
- 주요 속성:
id: <label>과 연결되어 접근성 향상.name: 폼 제출 시 서버에 전송되는 데이터의 이름.rows와 cols: 텍스트 영역의 크기 지정. (브라우저 기본값 차이를 피하기 위해 설정 추천)
- 내용 처리 방식:
- HTML: 텍스트는
<textarea> 태그 사이에 작성. - JavaScript:
value 속성으로 현재 텍스트 내용을 가져오거나 설정. 초기값은 defaultValue로 설정.
- 기타 지원 속성:
autocapitalize, autocomplete, autofocus, disabled, placeholder, readonly, required 등, <input>과 유사한 속성들.
사용 예시:
<textarea
id="comment" // label 연결 등 접근성
name="comment" // 서버로 전송 시 데이터의 이름
rows="4" cols="50"
placeholder="Your comment here"
>
</textarea>
