Html 如何搜索文本框？

我希望创建一个搜索框，如下所示：

分析代码时，我看到它使用图像作为背景并水平重复

但我不知道如何将其转换为输入字段

---

请帮助我？

您可以在css中完成，假设您有html代码：

<input type="text" name="searchBar" />

或者，您可以将一个id添加到html输入标记中，并通过它的id在css中定位它。 如果您有更多问题，只需提问，stack社区将乐于提供帮助

---

另外，我建议您查看此链接->

您能否显示您试图转换输入字段的代码？我不确定“将其转换为输入字段”是什么意思。

 input {
    background-image: url('photo.jpg');
    background-repeat: repeat-x;
  }