select 上可以实现输入并实现快捷搜索

Question

select 上可以实现输入并实现在option里关键字搜索，select原本是不能输入的，

Answer 1

参考：

input输入框和select选择器“结合”使用_input select-CSDN博客 文章浏览阅读1.8w次，点赞10次，收藏40次。input输入框和select选择器结合使用实现既可输入内容模糊搜索也可选中具体选项进行精确搜索（基于element组件库实现）_input select https://blog.csdn.net/Yi2008yi/article/details/124018956

<div class="about">
    <input
      id="appName"
      type="text"
      list="appNamelist"
      style="padding: 0.5em; border-radius: 10px"
    />
    <datalist id="appNamelist">
      <option>黄金糕</option>
      <option>双皮奶</option>
      <option>蚵仔煎</option>
      <option>龙须面</option>
      <option>北京烤鸭</option>
    </datalist>
    <el-button type="primary" style="margin-left: 15px">搜索</el-button>
  </div>