如何进行搜索文本框？

Question

我希望像这样做一个搜索框：

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

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

请帮帮我？

Answer 1

你可以用css来做，让我们说你有html代码：

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

并且可以在css样式表中添加样式，例如：

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

或者你可以在html输入标签中添加一个id，并通过它的id在css中定位它。 如果您有更多问题请问，堆栈社区将很乐意提供帮助。

我还建议查看此链接 - ＆gt; http://www.w3schools.com/cssref/pr_background-image.asp