<datalist>

html, css

manyYun 2024. 9. 13. 08:25

[Javascript] 사용자 입력을 도와주는 datalist 알아보기

태그는 사용자의 입력을 돕기 위해, 콤보박스 형태로 사용자가 추천할 수 있는 선택지를 제공하고, 자동완성 기능을 제공합니다. 1. 태그 알아보기 2. 에 value와 label 추가하기 3. default 값 지정하

hianna.tistory.com

<input> 태그 뒤에 <datalist> 를 넣어주면 안에 있는 <option>들을 미리 정의된 옵션을 드롭다운 리스트로 자동완성되어 만들어 보여준다.