Creating Selectable Input with Datalist

A selectable input is the way my brain likes to think of it. You could also think of it as a list of predefined options for the input element. Or you could think of it as a recommended list of options. Whichever way you prefer to think about it, it serves a great purpose. You start off by creating a basic form as you normally would. <form> <label for="food-choice">Make a food selection</label> <input id="food-choice" name="food-choice" type="text" placeholder="Food selection"> </form> Now, we can give the input element a “list”....

June 16, 2021 · 1 min