html 搜索后面加图标

如果你想在搜索框后面添加图标，可以通过以下两种方式实现：

1. 使用 CSS 中的 background-image 属性添加图标

在 CSS 文件中，可以使用 background-image 属性来添加背景图片，例如：

input[type="text"] {
  background-image: url("search-icon.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
}

这段代码会将搜索框的背景图片设置为 search-icon.png，并将图片放置在输入框的右侧中央，同时为了让输入框内容不被覆盖，还需要设置一定的 padding 右边距。

2. 使用 HTML 中的 <input> 标签的 list 属性

在 HTML5 中，<input> 标签新增了一个 list 属性，该属性可以关联一个 datalist 元素，用于在输入框中提供搜索建议。通过设置 list 属性，可以在输入框右侧添加一个下拉箭头图标，用户点击该图标可以弹出搜索建议列表。

<input type="text" list="search-suggestions">
<datalist id="search-suggestions">
  <option value="搜索建议1">
  <option value="搜索建议2">
  <option value="搜索建议3">
</datalist>

这段代码会在输入框后面添加一个下拉箭头图标，并在输入框中提供搜索建议列表。