더북(TheBook)

3.6.5 textarea 태그

여러 줄의 입력 요소를 생성할 때는 input 태그가 아닌 textarea 태그를 사용합니다. 웹 사이트에서 글을 작성할 때 사용하는 입력 요소는 대부분 textarea 태그로 생성합니다.

형식

<textarea>초깃값</textarea>

textarea 태그는 input 태그와는 다르게 닫는 태그가 있습니다. 그래서 input 태그로 생성한 입력 요소의 초깃값은 value 속성으로 정의하지만, textarea 태그로 생성한 여러 줄의 입력 요소는 콘텐츠 영역에 초깃값을 정의합니다.

다음은 textarea 태그를 사용한 예제 코드입니다.

03/06/textarea.html

<form action="#" method="post">
  <fieldset>
    <legend>블로그 글쓰기</legend>
    <p>
      <label for="title">제목
        <input type="text" id="title" name="title">
      </label>
    </p>
    <p>
      <label for="desc">내용
        <textarea id="desc" name="desc"></textarea>
      </label>
    </p>
  </fieldset>
</form>

그림 3-21 실행결과

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.