关于搜索框

这个‘前端入门’灰色背景框怎么实现的，还有右边的放大镜图片

我只能实现到这种地步，放大镜加进去字就没了。老师能给点思路不。

慕设计5282547 2018-01-19

源自：JavaScript实现简易计算器 5-2 作业题

13

收起

3回答

小丸子爱吃菜 2018-01-20 13:49:52

可以给最外层的div去设置生产伪元素啊。

也可以使用给你说的稍微复杂的方法去实现。

提问者慕设计5282547 2018-01-19 20:08:33

前段入门：第二种用定位实现了，第一个能讲下不，百度说input不支持伪元素。

小丸子爱吃菜 2018-01-19 17:35:58

1、前端入门的实现：

简单点的可以使用:before生成伪元素来实现，使用content: "前端入门"来生成文字，然后继续设置它的背景颜色字体颜色等。

复杂点的，用元素生成一个方框，在写出文字，将文字和方框都定位在输入框里。

都可以尝试下。

2、放大镜图片要单独放进一个标签中，这个标签也是通过定位使其在输入框上面的。

祝学习愉快！

提问者慕设计5282547 #1

老师，关于前段入门：第二种用定位实现了。第一个用伪元素的，百度说input不能包含其他元素。我试了：before无法向他插入内容。

2018-01-19 20:13:29

相似问题

关于搜索框

es 查询搜索

关于景点搜索

sublime text有搜索关键字的功能吗？怎么用？

add library dependency搜索

登录后可查看更多问答，登录/注册

进击JavaScript核心 2018

参与学习 466 人
提交作业 74 份
解答问题 635 个

JavaScript不仅能实现静态页面到动态特效的转变，还能完成数据的动态交互，但是关于js到底功能有多强大，大家还是有所期待的，本路径将带你深入到js中，一一揭开JavaScript的神秘面纱。

本课精华内容

问答作业

断点调试有问题，断点调试

41 15

function()内会改变作用域

42 13

2-16 没有匹配不会显示

0 13

3-40编程写不出来

42 10

4-5不知道如何写，求过程，求思路

147 9

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号