在页面中嵌入百度搜索框

迈不过友情╰ 2023-08-17 17:27 179阅读 0赞

呈现效果如下：![07003][]

实现代码如下：

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>在页面中嵌入百度搜索框</title> <style> form { width: 500px; height: 50px; padding: 10px 20px 20px; text-align: center; line-height: 50px; border: 1px solid #777777; } </style> </head> <body> <form action="http://www.baidu.com/s" method="GET" target="_blank"> <img src="http://www.baidu.com/img/baidu_jgylogo3.gif" alt="百度Logo" /> <input type="text" name="wd" size="38" /> <input type="submit" value="百度一下" /> <input type="hidden" name="ie" value="utf-8" /> <input type="hidden" name="tn" value="ace" /> </form> </body> </html>

实现原理其实也很简单，相当于通过`form`表单向百度服务器发送了一个`GET`请求。参数解释如下：

*  `wd` 即 Word，查询关键词。必须参数。
 *  `ie` 即 Input Encoding，查询关键词的编码。有缺省值，非必须参数。
 *  `tn` 表示提交搜索请求的来源站点。有缺省值，非必须参数。

> **本文链接**：[http://www.cnblogs.com/hanzongze/p/js-baidu-search.html][http_www.cnblogs.com_hanzongze_p_js-baidu-search.html]  
> **版权声明**：本文为博客园博主 [**韩宗泽**][Link 1] 原创，作者保留署名权！欢迎通过转载、演绎或其它传播方式来使用本文，但必须在明显位置给出作者署名和本文链接！个人博客，能力有限，若有不当之处，敬请批评指正，谢谢！

转载于:https://www.cnblogs.com/hanzongze/p/js-baidu-search.html

[07003]: /images/20230808/8b2737e2104c40ea91a8654986e20228.png
[http_www.cnblogs.com_hanzongze_p_js-baidu-search.html]: http://www.cnblogs.com/hanzongze/p/js-baidu-search.html
[Link 1]: http://www.cnblogs.com/hanzongze/

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关在HTML中嵌入百度地图------Sestid

在HTML中嵌入百度地图 1.打开网址百度地图API[http://api.map.baidu.com/lbsapi/createmap/index.html][ht...

柔情只为你懂/ 2024年04月17日 14:19/ 0 赞/ 87 阅读

相关百度搜索框搜索时显示或者隐藏历史搜索记录

1.首先进入百度首页 ![ec62268a06780289e48bc08578e3e21d.png][] 2.找到设置下的搜索设置，如下图所示 ![watermark_t

以你之姓@/ 2023年09月30日 07:51/ 0 赞/ 28 阅读

相关在页面中嵌入百度搜索框

呈现效果如下：![07003][] 实现代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti

迈不过友情╰/ 2023年08月17日 17:27/ 0 赞/ 180 阅读

相关如何在网页中嵌入百度地图

http://blog.sina.com.cn/s/blog\_685850f00101e8b3.html　一、打开地图生成器　　百度地图生成器：[http://api

不念不忘少年蓝@/ 2022年08月27日 05:39/ 0 赞/ 327 阅读

相关 jQuery实现百度搜索框

最近项目需求，写了一个类似百度搜索框的功能。把代码整理了一遍，然后分享出来给大家看看，如果有不对的地方请多指教。实现效果![70][] 使用的语言：html，css,

忘是亡心i/ 2022年05月18日 10:40/ 0 赞/ 382 阅读

相关仿百度搜索显示下拉框（二）

我们在上一篇文章中已经实现了下拉框的弹出，这篇文章我们来说实现换色，以及点击跳转怎么实现，我们将代码先展示出来: $(function() { $(

不念不忘少年蓝@/ 2022年05月16日 05:13/ 0 赞/ 281 阅读

相关百度搜索框

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <tit

旧城等待，/ 2022年05月06日 03:58/ 0 赞/ 388 阅读

相关 js--搜索框提示仿百度

大概要实现的内容这是一个很简单的示例，服务器端只是用了一个jsp页面，返回的类型为xml。先讲下是怎么回事，就是在浏览器端，通过ajax请求，发送一串英文字母，服务

客官°小女子只卖身不卖艺/ 2022年04月17日 04:19/ 0 赞/ 334 阅读

相关百度搜索页面（前端学习1）

<!DOCTYPE HTML> <html> <style type="text/css"> a{

喜欢ヅ旅行/ 2022年04月08日 11:43/ 0 赞/ 237 阅读

相关百度搜索框提示功能简单实现

效果图如下: ![20151201172134130][] 在搜索框中输入的时候会有百度的智能提示。代码也很简单，整个html只有24行，关键的代码不超过10行。

缺乏、安全感/ 2021年06月10日 20:41/ 0 赞/ 705 阅读