HTML在搜索框中放一个放大镜图片

 

　　记一下简单实现一个功能：搜索框中放一个放大镜图片。

 

两种实现方式：

• 一种是HTML自带的，将input控件的type属性改成search就行了。
• 第二种是通过一个div盒子，使用相对定位实现，类似于帧布局，代码很短

 

<div style="display:inline-block;position: relative">

    <input type="text" style="width: 200px;height: 30px;" placeholder="搜索">

    <a style="position: absolute;right: 0px">🔍</a>

</div>