如何做或这种效果的名称是什么？（描述中的图片）

根据您的描述，很抱歉无法准确理解您所提到的图片。但是，如果您想要实现某种特定效果，我可以为您提供一个通用的示例代码来实现文本输入框中的搜索建议功能。请参考以下示例：

HTML代码：

<input type="text" id="searchInput" onkeyup="showSuggestions(this.value)">
<div id="suggestions"></div>

JavaScript代码：

// 模拟的搜索建议数据
const suggestionsData = [
  "Apple",
  "Banana",
  "Cherry",
  "Durian",
  "Elderberry",
  "Fig",
  "Grapes",
  "Honeydew",
  "Kiwi",
  "Lemon"
];

function showSuggestions(inputValue) {
  const suggestionsContainer = document.getElementById("suggestions");
  suggestionsContainer.innerHTML = ""; // 清空之前的建议

  if (inputValue.length > 0) {
    const filteredSuggestions = suggestionsData.filter(suggestion =>
      suggestion.toLowerCase().startsWith(inputValue.toLowerCase())
    );

    filteredSuggestions.forEach(suggestion => {
      const suggestionElement = document.createElement("div");
      suggestionElement.classList.add("suggestion");
      suggestionElement.textContent = suggestion;
      suggestionsContainer.appendChild(suggestionElement);
    });
  }
}

CSS代码：

.suggestion {
  padding: 5px;
  cursor: pointer;
}

.suggestion:hover {
  background-color: #f1f1f1;
}

这段代码将在文本输入框中实现一个搜索建议的功能。当用户在输入框中键入字符时，它将根据输入的值显示匹配的建议。建议的数据存储在suggestionsData数组中。