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

小编典典

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>

阅读 665

2020-05-10

共1个答案

小编典典

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

更新： 自2019年3月起，所有主要浏览器（现在包括Safari12.1和iOSSafari12.3）都支持datalist此功能所需的级别。有关详细的浏览器支持。

看起来像这样：

<input type="text" list="cars" />

<datalist id="cars">

  <option>Volvo</option>

  <option>Saab</option>

  <option>Mercedes</option>

  <option>Audi</option>

</datalist>

2020-05-10