Jquery 如何在我的搜索输入中添加搜索图标

我有以下代码来显示搜索输入，如下所示：-

<form method="GET" action="@Url.Action("Search", "Home")">
<input   placeholder="Search" name="searchTerm2" data-autocomplete-source= "@Url.Action("AutoComplete", "Home")" type="text"  />
</form>

但是如何修改搜索输入以获得图像，例如：-

我尝试设置背景图像，但该图像将位于输入字段的开头，而不是结尾，用户将能够在背景图像上书写？有什么建议吗

---

谢谢

您可以向该输入添加一个类，如

.search

，然后使用CSS：

.search{
    background:url(path/to/search-icon.png) no-repeat right center;
    padding-right: size-of-your-icon-in-pixels;
}

此外，当以用户为中心的输入：

.search{
    background:url(path/to/search-icon.png) no-repeat right center;
}

.search:focus{
    background:none;
}

---

我在这里给出了类似问题的答案，但当用户点击imag时，我如何强制它重定向到搜索功能？我已经发布了可点击按钮的答案。请查看并让我知道它是否有意义。但是有没有办法使此imag可以单击，以便当用户键入搜索条件，然后单击imag时，将用户重定向到搜索结果页？由于目前imag不可点击，用户必须点击“回车”按钮执行搜索@johnG实现这一点的最佳方法是使用带有图标的

按钮，然后将其“粘贴”到输入的末尾，也许一些样式可以使它们看起来像一个输入也很好