input 외에 select, textarea, button, fieldset 같은 폼 요소를 사용합니다.
select는 정해진 선택지, textarea는 여러 줄 입력, button은 명령에 사용합니다. fieldset과 legend는 관련 입력을 하나의 질문 그룹으로 묶고 datalist는 input에 추천값을 제공합니다.
예제에서는 <select><option>선택</option></select> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 select에 '고급' option을 추가하고 textarea의 rows를 바꿔보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
선택지가 고정돼 있는데 자유 텍스트 input만 제공하면 오타와 데이터 불일치가 늘어납니다.
직접 바꿔보세요select에 '고급' option을 추가하고 textarea의 rows를 바꿔보세요.