[HTML]<textarea> 태그

<textarea>태그란

<form>태그의 하위 태그 중 하나로 여러줄의 텍스트를 입력하는 창을 만드는 태그이다.

 

 문법

<textarea name="이름" cols="숫자" rows="숫자" readonly/disabled(하나만 사용)> 내용 </textarea>

 

 사용할 수 있는 속성

속성명	속성값	설명
rows	숫자	텍스트 입력 영역 중 보이는 영역의 라인수를 정한다.
cols	숫자	텍스트 입력 영역 중 보이는 영영의 너비를 정한다.
name	텍스트	<textarea>요소의 이름을 정한다.
readonly	readonly	클릭은 되지만 텍스트를 입력할 수 없게된다.(읽기전용)
disabled	disabled	클릭조차 되지 않는다. (복사불가)
↓↓↓↓↓↓ HTML5부터 지원 ↓↓↓↓↓↓
autofocus	autofocus	페이지가 로드될 때 자동으로 포커스가 <textarea> 요소로 이동된다.
maxlength	숫자	최대 문자수를 정한다.
required	required	폼 데이터(form data)가 서버로 제출되기 전 텍스트 입력 영역이 반드시 채워져 있어야 한다.
placeholder	텍스트	입력될 값에 대한 짧은 힌트를 보여준다.

 <textarea>태그 예제

<form>

<textarea name="textarea" rows="10" cols="50">Write something here</textarea>

</form>

 

 

See the Pen dyOBYpE by BakGyoungMin (@bgm16) on CodePen.