HTML <textarea> 태그

정의와 사용법

<textarea> 라벨은 다중 행 텍스트 입력 컨트롤을 정의합니다.

<textarea> 요소는 일반적으로 양식에서 사용되어 사용자의 입력을 수집하는 데 사용됩니다. 예를 들어, 의견이나 비평.

텍스트 영역은 무한한 문자를 포함할 수 있으며, 텍스트는 일반적으로 가로폭 글꼴(대체로 Courier)으로 표시됩니다.

텍스트 영역의 크기는 cols와 rows 속성(또는 CSS를 사용하여)으로 정의됩니다.

폼을 제출한 후 name 속성이 필요합니다. 텍스트 영역의 데이터를 참조합니다.(name 속성을 생략하면 텍스트 영역의 데이터가 제출되지 않습니다).

id 속성이 필요합니다. 텍스트 영역과 레이블(label)을 연결합니다.

튜닝:항상 추가하세요 <label> 태그를 사용하여 최상의 접근성 관행을 얻을 수 있습니다!

다음을 참조하세요:

HTML DOM 참조 가이드:Textarea 객체

CSS 강의:폼 스타일 설정

예제

예제 1

다중 줄 텍스트 입력 컨트롤(텍스트 영역):

<label for="w3review">CodeW3C.com에 대한评论：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
codew3c.com에서는 웹 개발을 배우는 방법을 배울 수 있습니다. 모든 웹 개발 기술의 무료 강의를 제공합니다.
</textarea>

직접 시험해 보세요

예제 2

기본적인 조정 크기 옵션을 비활성화합니다:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">CodeW3C.com에 대한评论：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
codew3c.com에서는 웹 개발을 배우는 방법을 배울 수 있습니다. 모든 웹 개발 기술의 무료 강의를 제공합니다.
</textarea>
</body>
</html>

직접 시험해 보세요

속성

속성 값 설명
autofocus autofocus 텍스트 영역이 페이지 로드 시 자동으로 포커스를 받도록 정의합니다.
cols 숫자 텍스트 영역의 보이는 너비를 정의합니다.
dirname textareaname.dir 제출되는 텍스트 영역의 글자 방향을 정의합니다.
disabled disabled 텍스트 영역을 비활성화하도록 정의합니다.
form 폼 id 텍스트 영역이 속한 폼을 정의합니다.
maxlength 숫자 텍스트 영역이 허용할 수 있는 최대 문자 수를 정의합니다.
name 텍스트 텍스트 영역의 이름을 정의합니다.
placeholder 텍스트 텍스트 영역의 예상 값을 설명하는 짧은 튜플을 정의합니다.
readonly readonly 텍스트 영역이 읽기 전용이 되도록 정의합니다.
required required 텍스트 영역이 필수 입력이 되도록 정의합니다.
rows 숫자 텍스트 영역에서 보이는 줄 수를 정의합니다.
wrap
  • hard
  • soft
 폼 제출 시 텍스트 영역의 텍스트가 어떻게 줄바꿈되는지 정의합니다.

전역 속성

<textarea> 태그는 다음과 같은 속성을 지원합니다 HTML에서의 전역 속성。

이벤트 속성

<textarea> 태그는 다음과 같은 속성을 지원합니다 HTML에서의 이벤트 속성。

기본적인 CSS 설정

无。

브라우저 지원

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 지원 지원 지원 지원