精华内容
下载资源
问答
  • 百度搜索框提示功能

    万次阅读 2019-03-08 16:15:19
    将以下代码加入到您的网页中, 即可获得带有“搜索框提示”功能的百度搜索框。 <!-- 百度搜索框 --> <form action="http://www.baidu.com/baidu" target="_blank">...

    1、简单方式

    方便的将“百度搜索框(带提示功能)”直接加入到您的网页中。
    将以下代码加入到您的网页中, 即可获得带有“搜索框提示”功能的百度搜索框。

    <!-- 百度搜索框 -->
    <form action="http://www.baidu.com/baidu" target="_blank">
      <a href="http://www.baidu.com/">
        <img src="http://img.baidu.com/img/logo-80px.gif">
      </a>
      <input id="kw" type=text name=word size=30 baiduSug=1>
      <input type="submit" value="搜索">
    </form>
    <!-- 百度搜索框提示 -->
    <script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>
    

    提示:Javascript代码请添加到网页中</body>标签的后面。

    2、添加方式

    快速的为页面中已有的“百度搜索框”或其他文本输入框添加“百度搜索框提示”功能。
    第一步:为需要添加“百度搜索框提示”功能的<input>标签添加baiduSug属性。

    <input type="text" name="word" baiduSug="1|2">
    <script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>
    

    当设置baiduSug=1时,用户选中sug词条时默认执行表单提交动作;
    当设置baiduSug=2时,用户选中sug词条时不执行表单提交动作。
    提示:如果网页中有多个输入框需要添加“百度搜索框提示”功能,请为每个输入框都加上baiduSug属性。

    3、高级方式

    提供“百度搜索框提示”API,打造您的个性化搜索框提示功能!

    <!-- 准备通过程序动态添加提示功能的input  -->
    输入框: <input id="ipt1" type="text" style="width:200px;padding:1px;border:1px solid gray"><br />
    当前选择文字: <span id="alertSpan" style="font-weight:bold"></span>
    <!-- 百度搜索框提示 -->
    <script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>
    <!-- 程序示例 -->
    <script type="text/javascript">
      var txtObj = document.getElementById("alertSpan");
      //回调函数,用于获取用户当前选择的文字
      function show(str) {
        txtObj.innerHTML = str;
      }
      var params = {
        "XOffset": 0, //提示框位置横向偏移量,单位px
        "YOffset": 0, //提示框位置纵向偏移量,单位px
        "width": 204, //提示框宽度,单位px
        "fontColor": "#f70", //提示框文字颜色
        "fontColorHI": "#FFF", //提示框高亮选择时文字颜色
        "fontSize": "12px", //文字大小
        "fontFamily": "宋体", //文字字体
        "borderColor": "gray", //提示框的边框颜色
        "bgcolorHI": "#03c", //提示框高亮选择的颜色
        "sugSubmit": false //在选择提示词条是是否提交表单
      };
      BaiduSuggestion.bind("ipt1", params, show);
    </script>
    

    提示: Javascript文件的应在BaiduSuggestion.bind()方法被调用之前引入。

    对于以上三种方式中的任意一种,Javascript代码请添加到网页中</body>标签的后面,如使用utf-8编码,请务必在script标签中设置charset=gbk属性,否则搜索提示词会出现乱码。

    附“百度搜索框提示”功能使用的通告:

    自4月15日起,“百度搜索框提示”功能仅对百度发布的“百度搜索框提示”开放代码生效;其他调用方式将不再生效,无法正常显示搜索关键词提示。

    1、如您已经在使用该功能:请您及时参照百度搜索框提示功能帮助检查您的调用方式是否正确,并及时调整,避免因此造成的不良影响;
    2、如您还未使用该功能:期待您的关注及体验!它将通过稳定、快速、权威的服务,帮助您提升用户搜索体验,增加网站的用户粘性。

    展开全文
  • 获取百度搜索框提示功能

    千次阅读 2013-12-09 17:05:23
    获取百度搜索框提示功能

    • 简单方式——方便的将“百度搜索框(带提示功能)”直接加入到您的网页中。
    • 将以下代码加入到您的网页中,即可获得带有“搜索框提示”功能的百度搜索框。
    HTML代码:
    <form action="http://www.baidu.com/baidu" target="_blank">
    <table bgcolor="#FFFFFF"><tr><td>
    <input name=tn type=hidden value=baidu>
    <a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" alt="Baidu" align="bottom" border="0"></a>
    <input type=text name=word size=30 baiduSug=1>
    <input type="submit" value="百度搜索">
    </td></tr></table>
    </form>
    Javascript代码:
    <script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>


    添加方式——快速的为页面中已有的“百度搜索框”或其他文本输入框添加“百度搜索框提示”功能。 第一步
    为需要添加“百度搜索框提示”功能的<input>标签添加baiduSug属性。例如:
    <input type="text" name="word" baiduSug="1|2">
    当设置baiduSug=1时,用户选中sug词条时默认执行表单提交动作;
    当设置baiduSug=2时,用户选中sug词条时不执行表单提交动作。

    第二步
    在网页中引入Javascript文件:
    <script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>


    高级方式——提供“百度搜索框提示”API,打造您的个性化搜索框提示功能! 
    第一步

    在网页中引入Javascript文件:
    <script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>

                

    第二步
    在Javascript程序中调用BaiduSuggestion.bind()方法将“百度搜索框提示”功能和页面上的元素进行绑定。
    BaiduSuggestion.bind()的具体形式为:

    BaiduSuggestion.bind(inputObj|inputId,[params],[confirmCallback]);
    inputObj|inputId:
    为需要绑定搜索框提示功能的input对象或input对象的id。
    params:
    绑定搜索框提示功能时用到的参数,必须以Json形式给出,例如:
    {
    "XOffset":0, //提示框位置横向偏移量,单位px
    "YOffset":0, //提示框位置纵向偏移量,单位px
    "width":350, //提示框宽度,单位px
    "fontColor":"#03c", //提示框文字颜色
    "fontColorHI":"#FFF", //提示框高亮选择时文字颜色
    "fontSize":"12px", //文字大小
    "fontFamily":"宋体", //文字字体
    "borderColor":"#03c", //提示框的边框颜色
    "bgcolorHI":"#fd0", //提示框高亮选择的颜色
    "sugSubmit":false //选中提示框中词条时是否提交表单
    }
    confirmCallback(txt):
    当用户选择提示中具体选项时的回调函数,txt为用户选择的内容



    提示:
    Javascript代码请添加到网页中</body>标签的后面。
    如使用utf-8编码,则需要在HTML代码中加入<input name=ie type=hidden value=utf-8>,同时务必在script标签中设置charset=gbk属性,否则搜索关键词和提示词会出现乱码。

               

    展开全文
  • 通过百度搜索框提示,看到可能想找的关键词之后,百度提供了2种方式供选择,并且用参数 rsv_sug2 记录了用户的选择。 百度搜索结果网址参数 搜索框提示词搜索方式(rsv_sug2) 名称 rsv_sug2 含义 搜索框提示词搜索...

    通过百度搜索框提示,看到可能想找的关键词之后,百度提供了2种方式供选择,并且用参数 rsv_sug2 记录了用户的选择。

    百度搜索结果网址参数 搜索框提示词搜索方式(rsv_sug2)

    名称 rsv_sug2
    含义 搜索框提示词搜索方式
    参数值
    0 键盘选择搜索框提示词后,没有更改过提示词的搜索方式
    1 非键盘(如鼠标、手指等)选择搜索框提示词进行搜索

    理论上搜索框提示词的相关提示位置(rsp)越靠近搜索框(排名越好),选择键盘 rsv_sug2=0 的比例越高。相关提示位置离搜索框越远(处于下拉框底部),选择非键盘 rsv_sug2=1 概率较大。
    搜索框提示词搜索方式 rsv_sug2 也可以用于统计用户是喜欢用鼠标、手指选择搜索框提示词,还是喜欢用键盘将提示词填充到搜索框中再行搜索。


    rsv_sug2 曾经被误写为 rvs_sug2,后来百度纠正了这个拼写顺序错误,所以 rsv_sug2 与 rvs_sug2 含义是相同的。

    [PHP]
    
    $rsv_sug2=$_POST['rsv_sug2'];
    
    $rvs_sug2=$_POST['rvs_sug2'];
    
    if(preg_match("/(rsv_sug2=0|rvs_sug2=0)/i",$baidu))
    
    echo"键盘选择搜索框提示词";
    
    elseif(preg_match("/(rsv_sug2=1|rvs_sug2=1)/i",$baidu))
    
    echo"非键盘选择搜索框提示词";
    
    elseif(preg_match("/(rsv_sug2=|rvs_sug2=)([^&]+)/i",$baidu,$rsv_sug2))
    
    echo"第".($rsv_sug2[2]+1)."种搜索框提示词搜索方式";
    
    [/PHP]
    展开全文
  • 常在搜索框提示中和键盘重复速度 rsv_sug3 同时出现的另一个百度参数是搜索框提示次数 rsv_sug1。 百度搜索结果网址参数 搜索框提示次数(rsv_sug1) 名称 rsv_sug1 含义 搜索框提示次数 参数值 小等于键盘...
    常在搜索框提示中和键盘重复速度 rsv_sug3 同时出现的另一个百度参数是搜索框提示次数 rsv_sug1。


    百度搜索结果网址参数 搜索框提示次数(rsv_sug1)
    名称 rsv_sug1
    含义 搜索框提示次数
    参数值
    小等于键盘重复速度参数值


    每当键盘重复速度慢过搜索框提示延迟,就有可能显示搜索框提示,这时 rsv_sug1=1,之后只需输入/修改字符串的速率长于搜索框提示,搜索框提示次数便会增加。
    即使是重复的提示或因种种原因隐藏了搜索框提示,也会记录 rsv_sug1。
    搜索框提示次数越多,说明提示搜索词不吸引用户,也许是用户在搜索框中输入/修改速度较为缓慢。


    曾被网上的几篇文章误导过,他们仅取几个链接就开始分析,认为 rsv_sug1 是统计字数一类的参数,而鄙人统计了网站后台近千条百度搜索结果网址,才得出了较为妥帖的结论。
    只有勤奋才能获得知识,不劳而获是不会有的。


    [PHP]


    $rsv_sug1=$_POST['rsv_sug1'];
    if(preg_match("/(rsv_sug1=)([^&]+)/i",$baidu,$rsv_sug1))
    echo"<tr class=\"center\"><td>搜索框提示次数</td>"."<td>出现过".$rsv_sug3[2]."次搜索框提示</td></tr>";


    [/PHP]
    展开全文
  • 百度搜索框提示功能简单实现

    万次阅读 2015-12-01 17:24:42
    搜索框中输入的时候会有百度的只能提示。 代码也很简单,整个html只有24行,关键的代码不超过10行。
  • <!DOCTYPE HTML> ; charset=utf-8"> 百度搜索框提示词下拉列表的制作方法 <script src="angular.min.js"></script> <script>var m1 =
  • “百度搜索框提示”代码

    千次阅读 2015-02-16 22:28:40
    为需要添加“百度搜索框提示”功能的标签添加baiduSug属性。例如: 当设置baiduSug=1时,用户选中sug词条时默认执行表单提交动作; 当设置baiduSug=2时,用户选中sug词条时不执行表单提交动作。  第二步  在...
  • js与jquery实现搜索框提示文字显示与隐藏
  • 实现搜索框提示功能的方法

    千次阅读 2017-03-15 20:50:04
    前言:最近在写一个安卓搜索器,在完善搜索框的功能的时候,想加入类似百度搜索的搜索提示功能。但是查了度娘的API,似乎没有给出该接口或者其他方法,于是只能用黑科技——抓包。 在百度首页开始抓包,对搜索提示...
  • select2搜索框提示文字placeholder

    千次阅读 2018-06-11 17:36:20
    但是我需要在搜索框中显示提示文字, 百度翻了很久都没有翻到, bing终于翻到了 https://github.com/select2/select2/issues/3362 效果 实现: select2 &lt;select class="select2-list taxon-select2...
  • 当你在搜索框进行输入时,搜索框会打开下拉的提示框,动态的向你提示一些与你已经出入内容相关的查询关键词。如果在提示框中看到自己所希望输入的关键词,直接用鼠标点击或键盘选择即可进行搜索,减少了用户输入的...
  • 实现百度搜索框提示语功能

    千次阅读 2018-09-27 20:35:24
    利用百度jsonp接口实现搜索提示语. jsonp.js封装 function jsonp(url, options) { // 创建script标签 var $script = document.createElement('script'); // 解决缓存问题 var f = url.indexOf('?') &gt; ...
  • 最近项目一直在迭代更新,没有什么新的东西做,所以拿出来一个搜索的小模块分享下,功能就是输入关键字能出来相关字的联想吧,删除一些字的时候顺带可以保存上一段的联想,从外观上来看,效果还罢了,这里分享给大家...
  • 这个功能的实现主要使用了jsonp跨域访问, 然后通过回调函数来将搜索到的关联内容显示出来 。 JSONP(JSONwith Padding)是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback...
  • http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 设计input搜索框提示文字点击消失的效果,提示文字与输入显示不同 f
  • 本来是用select2在那里折腾了很久,后来发现用autocomplete自己写一下还更容易一些! 好的,主要实现的功能是,用户输入之后,每次输入都要从后台数据库拉出与用户输入模式匹配的信息。 先看效果图: ...
  • jQuery Ajax实现简单的搜索框提示功能

    千次阅读 2016-11-25 17:02:13
    html: css代码: body{ background-color: #660099; } form{ float: left; background-color: #fff; position: relative; left: 10px; top: 10px;....search_input
  • 在win10系统中,我们可以通过小娜搜索框来搜索想要查找的内容。在搜索框中默认显示:搜索Web 和Windows 的文字,在本文中小编将给大家分享下自定义搜索框中文字的方法,打造个性win10系统。 步骤: 1、按...
  • 在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能,之前还傻傻的在用js来实现类似功能。。。 placeholder颜色设置
  • http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> input索引提示特效

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 231,930
精华内容 92,772
关键字:

搜索框提示