网页怎么制作搜索框

我用网页表单创建了一个搜索框,想让他按回车就百度搜索搜索框的内容... 我用网页表单创建了一个搜索框,想让他按回车就百度搜索搜索框的内容 展开
 我来答
yym0223
2015-07-07 · TA获得超过3.1万个赞
知道大有可为答主
回答量:2.2万
采纳率:75%
帮助的人:7248万
展开全部
方法/步骤
1
首先,我们打开自己建了一半的网页或者是新建一个页面,个人建议用HTML5。

2
然后,我们开始编写代码。搜索框要有输入框和搜索按钮两部分组成,我用的都是input

3
我们会在input框的外面再套一个标签,我是仿照百度搜索的样子,在input的外面套了一个span标签,在最外层套了一个form表单

4
我们的第一个input框是用来输入文字的,其type类型应该是text,第二个是搜索的,我用的type类型是submit(提交),

5
这样一个简单的搜索框就算是做出来了,我们可以在浏览器中查看一下。可以看到两个框之间是有一定的距离的,这个就需要我们重新定位提交按钮的位置

6
我采用的是relative定位方法,将第二个input框的位置定位为left-:10px。这样刚好和前面的输入框的边重合

7
这样一个基本的搜索框就做好了,我们可以再调整一下框的高度和宽度,以及整体的位置,使得这个搜索框更加美观大方。
追问
不用按钮,回车搜索可以吗
追答
可以的
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
CJP字
2015-07-07 · TA获得超过365个赞
知道小有建树答主
回答量:66
采纳率:100%
帮助的人:36.6万
展开全部
这个需要调用百度搜索引擎的API。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式