HTML 에서 태그의 역할은?

드롭다운 옵션들을 카테고리별로 그룹화하여 label 속성으로 그룹 제목을 표시한다 안에 태그들을 배치하면, 드롭다운에서 '과일'이라는 그룹 제목 아래 해당 옵션들이 묶여 표시됩니다. 옵션이 많을 때 사용자가 원하는 항목을 쉽게 찾을 수 있도록 도와줍니다.

HTML <select>에서 <optgroup> 태그의 역할은?

쉬움 MDN Web Docs

보기 및 정답

A 드롭다운 옵션들을 카테고리별로 그룹화하여 label 속성으로 그룹 제목을 표시한다

B 드롭다운의 기본 선택 값을 지정하고 초기 상태에서 표시되는 옵션을 결정하는 것으로 알려져 있다

C 드롭다운 목록의 옵션들을 알파벳이나 숫자 순서로 자동 정렬하는 태그이다

D 드롭다운에 검색 기능을 추가하여 사용자가 옵션을 필터링할 수 있게 한다

<optgroup label="과일"> 안에 <option> 태그들을 배치하면, 드롭다운에서 '과일'이라는 그룹 제목 아래 해당 옵션들이 묶여 표시됩니다. 옵션이 많을 때 사용자가 원하는 항목을 쉽게 찾을 수 있도록 도와줍니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.