To Data-list or not to Data-list

On eCommerce search is one of the most important functionality.

When he clicks search box, immediately showing list of items he might be interested in, add more chance of him buying more products.

plain search box selected

It was a simple one.

list of suggested items for input-box.

This is added simply as

<input name="search" placeholder="search for products"
list="daily-utilities"
/ >

< datalist id="daily-utilities">
< option value = something >
< option value = BISCUIT >
/ datalist >

Here, we added list="daily-utilities" to input

This was achieved using Datalist.

This is helpful from marketing perspective. We can show list of trending products, like new year decoration item, etc

Next, Now need to prettify this. looking for options. Know any, please comment.