HTML：如何使输入类型列表只接受列表选择？答案

【问题标题】：HTML: How to make input type list only accept a list choice?HTML：如何使输入类型列表只接受列表选择？
【发布时间】：2014-08-13 14:51:40
【问题描述】：

我使用以下代码在 HTML 表单中提供多项选择：

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

问题是，我仍然可以在浏览器中输入结果输入框。我想阻止用户输入，因此唯一的选择就是从列表中选择。这可能吗？

【问题讨论】：

标签： html validation input

【解决方案1】：

使用它来防止用户输入并从可用选项中进行选择。

<select name="states">
<option name="Pendiente">Pendiente</option>
<option name="Frenada">Frenada</option>
<option name="Finalizada">Finalizada</option>
</select>

【讨论】：

没用。它在普通输入文本框旁边创建了一个选择框。此外，当我提交表单时，我无法（或者我不知道如何）读取选择的值。

【解决方案2】：

如果不想让用户在输入框中输入，那么就不要使用<input>；改用<select></select>

Estado:&nbsp;
<select name="states">
  <option value="Pendiente">Pendiente</option>
  <option value="Frenada">Frenada</option>
  <option value="Finalizada">Finalizada</option>
</select><br>

【讨论】：