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

Question

我使用以下代码在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>

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

Answer 1

使用此选项可防止用户键入内容并从可用选项中进行选择。

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

Answer 2

如果您不想让用户在输入框中输入内容，请不要使用<input>; 使用<select></select>代替

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