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

  • Z时代
  • 2024-01-10
  • 分类：问答

我希望有一个输入字段，用户可以输入自定义文本值或从下拉菜单中选择。普通<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月起，所有主要浏览器（现在包括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>

以上是 HTML选择表单，带有输入自定义值的选项 的全部内容， 来源链接： utcz.com/qa/421238.html

回到顶部