怎么在网站嵌入百度搜索框
2016-05-28 11:41
543 查看
这个功能在百度其实已经做得非常好了,这里借花献佛,记录下使用经验
1.效果
2.在div内嵌入
3.这样在页面上看到的效果,input使用的是默认样式,这里把百度样式移植了过来
如果出现了乱码使用一下方法
提示:如果网页采用utf-8代码,则需要在代码中加入 <input name=ie type=hidden value=utf-8> ,否则搜索关键词会出现乱码。
1.效果
2.在div内嵌入
<div style='overflow:hidden'> <form onsubmit="return baiduWithHttps(this)" action="http://www.baidu.com/baidu" target="_blank"> <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w"> <input class='bdtext' type="text" onfocus="checkHttps" name="word" size="30"> <input class='bdbtn' type="submit"value="百度搜索"> </form> <script src="http://s1.bdstatic.com/r/www/cache/global/js/BaiduHttps_20150714_zhanzhang.js"></script> <script> function checkHttps () { BaiduHttps.useHttps(); }; function baiduWithHttps (formname) { var data = BaiduHttps.useHttps(); if (data.s === 0) { return true; } else { formname.action = 'https://www.baidu.com/baidu' + '?ssl_s=1&ssl_c' + data.ssl_code; return true; } }; </script> </div>
3.这样在页面上看到的效果,input使用的是默认样式,这里把百度样式移植了过来
input.bdbtn {width: 65px;height: 28px;line-height: 28px;font: 12px \5b8b\4f53;cursor: pointer;outline: none;display: inline-block;text-align: center;color: #fff;border: none;background-color: #1a89ed;} input.bdtext {width: 240px;padding-left: 5px;margin-left: 10px;margin-right: 10px;height: 22px;line-height: 22px;}
如果出现了乱码使用一下方法
提示:如果网页采用utf-8代码,则需要在代码中加入 <input name=ie type=hidden value=utf-8> ,否则搜索关键词会出现乱码。
相关文章推荐
- 360网站卫士 PHP-DOS攻击脚本专杀工具使用笔记
- 用Cookie实现web网站您浏览过其他的商品
- 制作比较好的网站
- Ubuntu14.04下搭建LAMP架构(PHP&&Python)
- Java千百问_07JVM架构(010)_什么是老生代的标记算法
- arXiv网站
- Java千百问_07JVM架构(009)_什么是新生代的复制算法
- IT人士必去的10个网站
- 从此不求人:自主研发一套PHP前端开发框架(33)之插件化架构实现下
- Java千百问_07JVM架构(008)_java垃圾回收机制是什么
- 从此不求人:自主研发一套PHP前端开发框架(33)之插件化架构实现中
- 什么是架构
- 什么是架构
- 给外网访问本地网站
- 自助建站工具 搭建出来的网站真的适合SEO吗?
- Android群英传读书笔记第三章(Android控件架构与自定义View)
- [转]Kyoto Cabinet和LevelDB的架构比较分析
- 常用网站
- 小型电子商务网站数据管理系统
- android MVP——mvp架构的应用和优化