input datalist

select:

<label for="myInput">select: </label>
<input list="myInputList" id="myInput" />

<datalist id="myInputList">
  <option value="hello">안녕</option>
  <option value="hi">안뇽</option>
  <option value="bye">잘가</option>
</datalist>

• datalist를 사용하면 input 태그를 select 태그와 비슷하게 쓸 수 있다
• input에 입력하면 자동으로 필터링된다

참고

• https://developer.mozilla.org/ko/docs/Web/HTML/Element/datalist