将div固定在页面最下面、将百度搜索框嵌入页面

简介: 版权声明:转载请注明作者及出处,否则将追究法律责任。 https://blog.csdn.net/q2158798/article/details/79310233 1.
版权声明:转载请注明作者及出处,否则将追究法律责任。 https://blog.csdn.net/q2158798/article/details/79310233

1. div固定在页面最下面

 <div style=" position:fixed;bottom:0;left:0;width: 100%;">

2. 将百度搜索框嵌入页面

<style type="text/css">

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: 30px;line-height: 30px;}

</style>

<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>

目录
相关文章
|
6月前
|
测试技术 UED
对百度搜索页面设计的测试用例设计
对百度搜索页面设计的测试用例设计
226 0
|
安全
HTML常用表单写一个百度搜索和注册页面
HTML常用表单写一个百度搜索和注册页面
943 0
|
3月前
|
数据采集 网络协议 索引
Python 爬虫技巧:百度页面重定向的自动跟踪与处理
Python 爬虫技巧:百度页面重定向的自动跟踪与处理
|
移动开发 小程序 JavaScript
微信小程序学习实录6(百度经纬度采集、手动调整精度、H5嵌入小程序、百度地图jsAPI、实时定位、H5更新自动刷新)
微信小程序学习实录6(百度经纬度采集、手动调整精度、H5嵌入小程序、百度地图jsAPI、实时定位、H5更新自动刷新)
227 1
|
6月前
|
JavaScript 搜索推荐 定位技术
【百度地图2.5D、3D在Vue项目中的使用】嵌入二维百度地图、三维百度地图、多种显示模式风格样式颜色的百度地图
【百度地图2.5D、3D在Vue项目中的使用】嵌入二维百度地图、三维百度地图、多种显示模式风格样式颜色的百度地图
|
移动开发 小程序 JavaScript
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
558 0
|
前端开发
构建一个跳转到百度的搜索页面
构建一个跳转到百度的搜索页面
1198 0
百度统计:页面代码安装状态:代码未生效
百度统计:页面代码安装状态:代码未生效
173 0
WebApi入门第八章(模拟百度搜索框 )
WebApi入门第八章(模拟百度搜索框 )
71 0
WebApi入门第八章(模拟百度搜索框 )
百度统计:页面代码安装状态:代码未生效
百度统计:页面代码安装状态:代码未生效
309 0