HTML datalist태그, 검색창을 따로 분리할 수 있는지 궁금합니다.

게시물 수정 , 삭제는 로그인 필요

안녕하세요. datalist태그에 대해 궁금한 것이 있어요.

<input type="text" value="" list="fruits" /><datalist id="fruits">  <option value="Apple"></option>  <option value="Orange"></option>  <option value="Peach"></option>  <option value="Melon"></option>  <option value="Strawberry"></option></datalist>

보통 이런식으로 코드를 짜면, option에서 원하는 것을 선택하면 value값이 input창에 입력되고, 또 input창에서 검색을 통해 원하는 option값을 선택할 수 있잖아요.

한 개의 input창에 값이 나타나고 또 검색도 할 수 있는데,

이 기능을 두 개의 input창으로 나눌 수 있나요..?

한 개의 input은 선택된 option값이 나타나고, 한 개의 input은 option을 검색할 수 있는 창으로요.

가능한지 궁금합니다.

답변부탁드려요!