html css怎么制作这样一个搜索框?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html css怎么制作这样一个搜索框?相关的知识,希望对你有一定的参考价值。

参考技术A div 加底色

input去除默认样式 设定高度 宽度 背景用放大镜图片,不循环,靠右再写距离, 设置字体的颜色.下划线. 行高
</div>

input居中就直接margin 0 auto
或者特殊点就用定位 div写position:relative input用position:absolute;
参考技术B <input type="text" palceholder="我想去" style="background:放大镜 ,调整位置">

追问

那个圆角的输入框要怎么弄呢?

追答

设置border-radius

参考技术C 回答

html搜索框怎么做使用HTML做搜索框的方法:1、首先新建一个div,id名为box,用来包裹搜索框;2、然后在内部添加一个input标签和一个div标签,一个用来输入文字,一个充当按钮;3、最后使用css为它们设计样式即可。

C#中如何实现百度搜索框的效果

参考技术A c#本身没这个功能,如果是b/s项目的话需要用html+css+js等前端代码实现,如果是c/s项目则需要使用wpf或者winform

以上是关于html css怎么制作这样一个搜索框?的主要内容,如果未能解决你的问题,请参考以下文章

html如何添加搜索框

想在Excel表中制作一个搜索框和一个按钮!

css中怎么给网页设置一个搜索框

如何使用在html文档中搜索文本的javascript制作功能搜索框[重复]

html这种怎么写?放大镜,还有搜索按钮都在文本框内。

html制作一个搜索框,代码是啥?