码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-11-21 16:46:17      阅读:1991      评论:0      收藏:0      [点我收藏+]

标签:一个   功能   简单实现   NPU   html   htm   控件   pos   width   

 

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

 

两种实现方式:

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

 

技术图片

 

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

标签:一个   功能   简单实现   NPU   html   htm   控件   pos   width   

原文地址:https://www.cnblogs.com/lyd447113735/p/11906436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!