一个搜索框的背后

要想做好一个让用户喜欢的搜索功能太难了。

首先,不说界面兼容问题,假设在IE6+、FF、Chrome、Safari、Opera等浏览器下显示正常,不出现错位,字体和搜索框距离大小不一等问题。

您所使用的或者开发的搜索功能包含以下几点呢?

1)进入首页,光标默认在搜索框内。光标离开搜索框,搜索框内显示“请输入关键词”等。

2)当不输入任何关键词,点击搜索仍然会停留在当前页。这里不建议弹出对话框的方式提示用户“请输入关键字”等字样。

3)输入关键词,出现关键词模糊匹配提示下拉框,其中模糊匹配包括英文、拼音、汉字(包括繁体字)、近义词、错别字等。

4)点击搜索框右侧的下拉框,显示热词推荐或用户搜索历史。(历史+热词 共10条左右),没有搜索历史则显示:暂无

5)用户可以清空自己的搜索历史。

6)搜索类别较多应该显示更多,用户点击下拉显示其它搜索类别。常用的搜索类别排名靠前,不常用的怎么办呢??像百度一样分栏显示??分栏还不够显示呢??

7)不同的节日和纪念日搜索框上的Logo显示不一样的内容,增加趣味性,给用户关于假日和历史人物等相关人文信息。

8)用户搜搜javascript代码会怎么样

9)在网页搜索类别下输入关键词,点击图片直接跳转到图片搜索结果页,结果页显示刚才输入的关键词

10)用户输入的关键词最大长度

11)用户不断的刷新重复提交关键词的防治、机器模拟人暴力请求的防治

12)没有搜到相关词提示

13)结果页面显示就问题更多了…

新的理念和技术的加入:语音搜索、图片搜索、我的搜索…

您还有什么建议呢??欢迎大家补充

一个搜索框的背后

时间: 2024-10-14 06:30:14

一个搜索框的背后的相关文章

如何在html添加一个搜索框和一个按钮?

<INPUT TYPE="text" id="k"><INPUT TYPE="button" VALUE="ok" ONCLICK="xx()">   <SCRIPT LANGUAGE="JavaScript">   <!--   function xx(){ var k=document.getElementById("k"

Mybatis mysql 一个搜索框多个字段模糊查询 OR

根据搜索框给定的关键词,模糊搜索用户名和账号都匹配的用户集合 <select id="list" parameterType="com.user.UserInfo" resultType="com.user.UserInfo"> SELECT * FROM user WHERE 1 = 1 <if test="searchParam != null and searchParam != ''"> AND

Qt之自定义搜索框——QLineEdit里增加一个Layout,还不影响正常输入文字(好像是一种比较通吃的方法)

简述 关于搜索框,大家都经常接触.例如:浏览器搜索.Windows资源管理器搜索等. 当然,这些对于Qt实现来说毫无压力,只要思路清晰,分分钟搞定. 方案一:调用QLineEdit现有接口 void addAction(QAction * action, ActionPosition position) 在QLineEdit的前/后添加部件,ActionPosition表示部件所在方位. QAction * addAction(const QIcon & icon, ActionPosition

Android学习笔记(29):搜索框SearchView

SearchView提供一个搜索框,可以监听用户输入,用户提交搜索时,也可以通过监听器执行实际行动. 常用XML属性和相关方法: XML属性 相关方法 说明 android:iconifiedByDefault setIconifiedByDefault(boolean) 设置搜索框是否自动缩小为图标 setSubmitButtonEnable(boolean) 设置是否显示搜索按钮 android:inputType setInputType(int) 设置输入文本格式 android:max

Android 依据EditText搜索框ListView动态显示数据

依据EditText搜索框ListView动态显示数据是依据需求来的,认为这之中涉及的东西可能比較的有意思,所以动手来写一写.希望对大家有点帮助. 首先.我们来分析下整个过程: 1.建立一个layout,包括一个EditText搜索框和一个ListView 2.创建一个数据集mData,用于ListView的Adapter的创建 3.加入EditText的文本改变的监听器 4.利用notifyDataSetChanged()动态更新ListView 第一步:创建一个搜索框 这个还是比較easy的

js 百度云搜索框

// ==UserScript==// @name 百度云插件+APIKey// @namespace // @version 5.0.2.1// @description 在百度云网盘的页面添加一个搜索框,调用搜索API搜索所有公开分享文件// To add a search frame that calls some api for searching some public shared files in BaiduYun cloud netdisk. // @include /https

Magento 自定义一个搜索功能

最近工作中有一个需求是需要做一个搜索的功能,但是因为需要定制一些外观,所以就不用传统的方法来继承基类GRID.实现这个需求的核心其实就是下面这个方法. $this->getLayout()->getBlock('yourName')->setYourValue('yourvalue'); 大家都知道Magento的MVC架构和其它的MVC框架有点不一样,Magento的V层是从Block调用数据的,在Layout文件夹的配置文件中可以看到下面的配置. <vendors_dealer

Jquery实现类似百度的搜索框

最近工作中需要做一个搜索框,类似百度的搜索框,需要达到两个功能: 1.输入关键字,展示匹配的下拉列表 2.选择匹配的项后查出相关内容 一般电商网站中也经常用到该搜索条,首先分析功能实现,输入关键字马上显示匹配项列表,实现该功能输入框需要绑定"input"事件,然后向后台发送异步请求,将数据展示在页面上.使用鼠标或上下键选择匹配项,点击搜索或"Enter"键后搜索具体结果.这里要用到两个异步请求,第一个请求匹配项,第二个请求搜索结果.键盘,鼠标以及输入框的事件都要监听

iOS新浪微博-1.1导航栏搜索框

导航栏搜索框是非常常用一个UI控件. 1.需求: 在“发现”页面,在顶部导航栏NavigationBar上添加一个搜索框 左端带有“放大镜”图标 2.思路 使用UISearchBar: 苹果系统自带,简单易用,但是样式死板不能定制(此处UISearchBar的背景色容易和导航栏的背景色混淆),不能修改宽高,而且在iOS6和iOS7上会产生不同的样式. 使用UITextField创建:继承或者扩展UITextField,设置背景图和左端图标 3.实现 创建一个继承UITextField的自定义类,