如何在输入框的左侧放置搜索图标

Question

我想在输入的最左侧放置一个清晰的图标。这样用户就不必再去输入的另一端了，因为输入将覆盖整个屏幕。

我期望我的输出如下所示：

当前我正在使用以下代码：

<input type="search" placeholder="please write something to see">

Answer 1

尝试这样的事情：

 <p><i class="classofthex" onclick="document.GetelementById('in1').innerText = ''; " ></i><input id="in1" type="text" placeholder="please write something to see"></p> 

您可以在引导程序中找到x图标

Answer 2

浏览此link

从以下几点应该很清楚： 您在以下两个CSS属性中使用：

input[type=text]{
background-image: url('/url')
backgroung-repeat: no-repeat
}