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

时间：2019-11-21 16:46:17 收藏：0 阅读：1991

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

两种实现方式：

一种是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>

技术图片