[HTML] <textarea>태그 - 텍스트 입력

<textarea>태그는 장문의 내용을 입력할 때 사용하는 태그입니다.

다음과 같이 <textarea>태그를 넣어보도록 하겠습니다.

 

 

 

장문의 내용을 넣을 수 있는 필드가 생성되었습니다. 근데 장문을 넣기에는 칸이 작아보입니다.

 

 

<textarea>의 속성 cols, rows를 사용하여 칸을 더 크게 만들어 보도록 하겠습니다.

cols속성은 가로의 크기를 늘려줍니다. 가로로 50개의 문자를 넣을 수 있도록 속성값을 지정해줬습니다.

rows속성은 세로의 크기를 늘려줍니다. 마찬가지로 10개의 문자를 넣을 수 있도록 속성값을 지정해줬습니다.

 

 

기존의 <input>태그와는 다르게 장문의 내용을 입력받아야 하는 경우 이처럼 <textarea>태그를 사용하여 만들 수 있습니다.

 

 

<input>태그나 <textarea>태그에는 디폴트 값(default value)를 줄 수 있습니다.

<input>태그의 경우에는 value속성을 사용할 수 있습니다.

<textarea>태그는 시작태그와 종료태그 사이에 문자를 삽입함으로서 디폴트 값을 지정해줄 수 있습니다.

 

 

속성을 이용하여 helloworld라는 디폴트 값을 넣어주면 다음과 같이 기본 시작값을 지정해줄 수 있습니다.