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

【问题标题】：How to make input type list only accept a list choice?如何使输入类型列表只接受列表选择？
【发布时间】：2019-12-05 23:30:58
【问题描述】：

我希望用户仅从此列表中选择一个状态：

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

但我也不想使用

【问题讨论】：

你所追求的（我认为）被称为typeahead - 尝试对此进行一些搜索

标签： javascript html reactjs list input

【解决方案1】：

你可以用你想要被选中的选项value来设置输入的value属性：

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

【讨论】：