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

Question

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

例如:假设有一个amount下拉菜单，它的元素是(1,2,3)；

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

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

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

Answer 1

您可以使用 HTML5 native 执行此操作 <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>