input datalist


1
2
3
4
5
6
7
8
<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에 입력하면 자동으로 필터링된다

참고

Author

chinsung

Posted on

2021-06-17

Updated on

2021-06-18

Licensed under

댓글