如何使输入类型列表只接受列表选择？

Question

I want user to select a state just from this list :

<input list="states">
<datalist id="states">
    <option value="Pendiente">Pendiente</option>
    <option value="Frenada">Frenada</option>
    <option value="Finalizada">Finalizada</option>
</datalist>

but also I don't want to use <select>, i know that but I want to keep the ability to type (and search among the options) but at last, one of the options must be selected. please help me with this. I want to use it in react

Answer 1

You can set the value attribute of the input with the option value you want to be selected:

 <input list="states" value="Pendiente"> <datalist id="states"> <option value="Pendiente">Pendiente</option> <option value="Frenada">Frenada</option> <option value="Finalizada">Finalizada</option> </datalist>