html - HTML选择表单，带有输入自定义值的选项

我希望有一个输入字段，用户可以输入自定义文本值或从下拉菜单中选择。常规<select>仅提供下拉选项。

如何使<select>接受自定义值？ 例如:福特？

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

最佳答案

HTML5具有内置的组合框。您创建一个文本input和一个 datalist 。然后，将 list 属性添加到input中，并为其指定id的datalist值。

更新:截至2019年3月，所有主流浏览器(现在包括Safari 12.1和iOS Safari 12.3)都将datalist支持到此功能所需的级别。有关详细的浏览器支持，请参见caniuse。

看起来像这样:

<input type="text" list="cars" />
<datalist id="cars">
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</datalist>

关于html - HTML选择表单，带有输入自定义值的选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5650457/