筛选器能帮助用户从巨量信息中快速找到目标内容，由多个筛选条件组合而成，和表格是一对黄金搭档。
此图为常用表单筛选器，有时候由于筛选条件太多，需要展开和收起。导致页有占了太多的内容，使列表呈现不在一屏之内。
下弹框
左弹框
所以筛选器便存在了弹窗的形式，只留有常规筛选条件，其他的都整合到“更多”。
1、支持两种搜索模式：用户可以通过关键词进行模糊搜索，也可以通过关键词结合其他筛选条件精准查找，尤其是筛选内容标识不唯一，或者包含用户不太熟悉的标识符；
2、内容易于识别和查找：标签尽量用简短易懂的词语，必要的时候辅助明文字。筛选条件比较多的时候，高频使用的筛选条件放在前面，低频筛选条件往后放或者折叠起来。
3、效率优先：筛选操作是高频行为，筛选条件不要完全折叠起来，尽量保持最短操作路径和最少点击次数。筛选操作是低频行为，可以适当弱化筛选信息，筛选入口以按钮形式呈现。
4、具备通用性：产品定位是行业通用的系统，筛选项的通用性不言而喻，高级筛选必备。
筛选器能帮助用户从巨量信息中快速找到目标内容，由多个筛选条件组合而成，和表格是一对黄金搭档。 此图为常用表单筛选器...
Web 页面的实现 Web 基于 HTTP 协议通信 客户端（Client）的 Web 浏览器从 Web 服务器端...
概述 Web主要由Web服务器和Web客户端组成。Web客户端(浏览器)通过Http协议向Web服务器发送请求，W...
Web静态服务器 显示静态的页面 首页.html 客户端浏览器 服务端 Web服务器动态资源请求 浏览器请求动态页...
web端即时通讯开发总结 浏览器原理： 客户端请求服务器->服务器返回结果 结论：web 通讯必须通过 服务器进行...
WEB系统 一个WEB系统是部署在WEB服务器上来为客户端提供服务的，客户端通常都是浏览器，用户可以通过浏览器来访...
Web及HTTP基础 Web客户端和服务器Web 内容都是存储在 Web 服务器上的。 Web 服务器所使用的是 ...
原文转载【Web缓存机制系列】2 – Web浏览器的缓存机制 浏览器端的缓存规则 对于浏览器端的缓存来讲，这些规则...
1. 构建 Web 应用（服务器端） 1. 构建 Web 应用（服务器端）1.1. 基础功能1.1.1. HTTP...
3.1 Web(万维网) web原理：服务器可客户端（浏览器）之间的对话 客户端：连接到服务器并发送请求 服务器：...
本文标题：web端筛选器探索
本文链接：https://www.haomeiwen.com/subject/hctpirtx.html
网友评论