select와 textarea로 상세 입력 받기

이번 단계에서 배울 내용

<select>는 정해진 선택지 중 하나를 고르는 목록입니다. 각 선택지는 <option>으로 작성합니다. <textarea>는 문의 내용처럼 여러 줄의 글을 입력할 때 사용합니다.

rows는 처음 화면에 보일 글줄 수를 정합니다. 두 입력 모두 <label>과 연결해 목적을 알려 주어야 합니다.

예시

아래 코드는 사용 방법을 보여 주는 예시입니다. 문제의 정답과는 다른 내용입니다.

<label for="topic">문의 종류</label>
<select id="topic" name="topic">
  <option value="order">주문</option>
  <option value="delivery">배송</option>
</select>
<label for="detail">상세 내용</label>
<textarea id="detail" name="detail" rows="4"></textarea>

해야 할 일

문의 종류를 계정, 결제 중에서 고르는 선택 목록으로 만들고, 문의 내용은 처음에 다섯 줄이 보이는 여러 줄 입력칸으로 만드세요.

완성 조건

• category 선택 목록 바로 안에 <option>을 두 개 둡니다.
• message라는 id의 <textarea>를 한 개 만듭니다.
• 문의 내용 입력칸의 rows 값은 5입니다.
• 선택 목록과 여러 줄 입력칸에 연결된 label이 있습니다.
• 페이지 제목을 <h1>부터 순서대로 사용합니다.

작업 방법

1. 에디터에서 index.html을 엽니다.
2. TODO 주석이 있는 부분을 중심으로 코드를 수정합니다.
3. 미리보기에서 결과를 확인한 뒤 제출합니다.

별도의 입력값은 없습니다.

에디터에 준비된 index.html을 열고, 문제에서 안내하는 HTML 요소와 속성을 추가하거나 수정하세요. 브라우저 미리보기로 작성한 결과를 확인할 수 있습니다.

별도의 출력값은 없습니다.

수정한 index.html이 브라우저에서 정상적으로 열리고, 아래의 완성 조건을 모두 만족하면 됩니다.

도움말: <option>은 <select> 안에 넣고, <textarea>는 여는 태그와 닫는 태그를 모두 작성합니다.