下拉菜单/文本字段合二为一

我正在构建新网站，我需要一个下拉菜单来选择网站中的内容数量。但同时我需要这个下拉列表来接受文本。因此，如果客户想从下拉列表中进行选择，那么他可以，如果客户想通过文本输入金额，那么他也可以。正如你所看到的，我想把它变成双重的。

例如：假设有一个amount下拉菜单，其元素为(1,2,3)；

假设现在客户需要金额为 5 - 这是他的权利 - 它不存在于下拉列表中，因此客户现在必须以文本方式输入金额。因此，对于任何条目，客户必须从下拉列表中选择或以文本方式输入金额。

在描述了我的问题以及我向您介绍的简单示例之后，这是我的问题：

是否有 HTML 代码可以将下拉菜单和文本字段合二为一，作为双重的，而不是分开的？

您可以使用 HTML5 本地执行此操作<datalist> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist:

<label>Choose a browser from this list:
<input list="browsers" name="myBrowser" /></label>
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>