带有下拉选择框的搜索框

您可以使用HTML和JavaScript来创建带有下拉选择框的搜索框。以下是一个简单的示例代码：

<form>
  <input type="text" id="searchInput" placeholder="Search...">
  <select id="searchFilter">
    <option value="all">All</option>
    <option value="title">Title</option>
    <option value="author">Author</option>
    <option value="date">Date</option>
  </select>
  <button type="submit">Search</button>
</form>

<script>
  const form = document.querySelector('form');
  form.addEventListener('submit', search);

  function search(event) {
    event.preventDefault();
    const input = document.querySelector('#searchInput').value;
    const filter = document.querySelector('#searchFilter').value;
    // Perform search based on input and filter
    console.log(`Searching for ${input} in ${filter}`);
  }
</script>

在上面的示例中，我们使用`<input>`元素来创建文本框和`<select>`元素来创建下拉选择框。当用户提交表单时，我们使用JavaScript来获取输入值和选择的过滤器，并执行搜索操作。