gincheong / Memo

개발 관련 내용들을 메모하기 위한 용도로 만든 빈 레포지토리입니다.
0 stars 0 forks source link

<datalist /> 로 input 자동완성 구현하기 #48

Open gincheong opened 2 years ago

gincheong commented 2 years ago

image

input의 list와, datlist의 id를 동일하게 맞춰야 함

input을 클릭하면, option들이 주르륵 드롭다운으로 표시되고

문자를 입력하면 해당 문자를 포함하는 option들이 하위에 표시된다.

from https://www.youtube.com/watch?v=EMOlLLTAZMs