HTML5怎么这个搜索框右边的放大镜怎么加的?
发布网友
发布时间：2022-04-25 09:10
共2个回答
热心网友
时间：2022-04-19 06:08
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码（其中icon.png是放大镜图标）：。
<div>
<input type="text" />
<img style="width: 20px;position: absolute;left: 140px;top: 15px;" src="icon.png" />
</div>
3、浏览器运行index.html页面，此时输入框右边添加了放大镜。
热心网友
时间：2022-04-19 07:26
第一种方法：给输入框input（a）添加背景图，右对齐，
第二种方法： 再添加一个 按钮input（b） 把input（a）的右边框去掉，按钮b的左边框去掉 两个拼成一个大的搜索框，给b添加背景图；
具体实现搜索功能需要js才能实现；
