select框内可输入

当使用 select 元素时，通常只能从预定义的选项中进行选择。但是，可以使用 HTML5 中的 datalist 元素，使得 select 元素可以接受用户输入的值。例如：

<label for="fruit">Choose a fruit:</label>
<input list="fruits" id="fruit" name="fruit">
<datalist id="fruits">
  <option value="Apple">
  <option value="Banana">
  <option value="Cherry">
  <option value="Grape">
  <option value="Orange">
</datalist>

在上面的示例中，输入框允许用户输入任何值，但是只有 datalist 中定义的选项会出现在下拉列表中，以便用户选择。