HTML搜索框里面加入东西

百度的这个搜索框里面的图片要怎么加进去
我做的练习

试图在里面加东西变成了这样（缩小了前面input的比例，添加的部分没有上去）

span外面加个div试试？

审查元素 ，你会发现那个看上去是input的东西实际上是一个div，里面一个input 标签再加上一个span 标签 。
百度的和csdn的实现都是一样。

 <div>
 <input type=text /><span><span>
 </div>
 是这样的结构，设置input的边框去掉，和div等高，后面一个小的图像标签。这样实现的

容器relative定位，你那个图片发荣起里面absolute定位到容器需要的位置就行了

直接把百度那个扣下来就可以了。

审查元素。