다음 글상자의 괄호 안에 들어갈 가장 올바른 태그는?<input … | [전자상거래운용사 필기] 24년 1회차 기출문제 상세 페이지
1[전자상거래운용사 필기] 24년 1회차
다음 글상자의 괄호 안에 들어갈 가장 올바른 태그는?
<input type="text" list="countries">
<( ) id="countries">
<option value="대한민국">
<option value="브라질">
<option value="프랑스">
</( )>
1
datapark
2
datapool
3
dataset
4
datalist
해설
<input>의 list 속성이 가리키는 id를 가진 자동완성 후보 목록 요소는 <datalist>다.
코드에서 <input type="text" list="countries">가 id가 countries인 요소를 참조하고 있으므로 괄호에는 datalist가 들어가고, 그 안의 <option value="대한민국">·<option value="브라질">·<option value="프랑스">가 입력창의 추천 목록으로 표시된다. 여는 태그와 닫는 태그가 같은 이름이므로 마지막 줄은 </datalist>가 된다.
datalist는 목록에 없는 값도 사용자가 직접 타이핑할 수 있다는 점에서 선택지를 강제하는 <select>와 구별되며, datapark·datapool·dataset은 HTML 표준 태그가 아니다(dataset은 태그가 아니라 data-* 속성에 접근하는 DOM 프로퍼티다).
내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.