<텍스트 영역>


HTML <textarea> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<textarea rows="10" cols="30">
我是一个文本框。
</textarea>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요


브라우저 지원

1000.png

전공 브라우저는 모두 <textarea> 태그를 지원합니다.


레이블 정의 및 사용 지침

<textarea> 레이블은 여러 줄의 텍스트 입력 컨트롤을 정의합니다.

텍스트 영역에는 텍스트를 무제한으로 담을 수 있으며 텍스트의 기본 글꼴은 고정 너비 글꼴(일반적으로 Courier)입니다.

cols 및row 속성을 통해 텍스트 영역의 크기를 지정할 수 있지만 더 좋은 방법은 CSS height 및 width 속성을 사용하는 것입니다.


HTML 4.01과 HTML5의 차이점

HTML5에는 몇 가지 새로운 속성이 추가되었습니다.


Attributes

New: HTML5의 새로운 속성.

PropertyValueDescription
autofocusNewautofocus은 페이지가 로드될 때 텍스트 영역에 자동으로 초점이 맞춰지도록 지정합니다.
colsnumber텍스트 영역에 표시되는 열 수를 지정합니다.
disableddisabled은 비활성화된 텍스트 영역을 지정합니다.
formNewform_id 텍스트 영역이 속한 하나 이상의 양식을 정의합니다.
maxlengthNewnumber텍스트 영역에 허용되는 최대 문자 수를 지정합니다.
nametext텍스트 영역의 이름을 지정합니다.
placeholderNewtext텍스트 영역의 예상 입력 값을 설명하는 짧은 힌트를 지정합니다.
readonlyreadonly은 텍스트 영역이 읽기 전용임을 지정합니다.
requiredNewrequired는 텍스트 영역이 필수임을 지정합니다.
rowsnumber텍스트 영역 내에 표시되는 행 수를 지정합니다.
wrapNewhard
Soft
는 양식을 제출할 때 텍스트 영역의 텍스트가 어떻게 바뀌어야 하는지 지정합니다.


전역 속성

<textarea> 태그는 HTML 전역 속성을 지원합니다.


이벤트 속성

<textarea> 태그는 HTML 이벤트 속성을 지원합니다.


관련 기사

HTML DOM 참조 설명서: 텍스트 영역 개체