下拉表单html选择框(下拉列表框html)

阿法猪新媒体网站原阿法狗虚拟业务平台经过多次改版升级，全网对它的认知仿佛已经变得模糊，经过多次改版的阿法猪网站确实比之前更加完善，通过近三个月的改版网站从整体构造、业务完善、导航栏及工单自助服务等全方位的升级已经进入了成熟阶段。今天特意为大家公布阿法猪改善升级后全新优势，从新用户注册到自助服务一条龙智能化操作流程。

全新上线啦！

阿法猪官网：https://afagou.com/web/register-phone?user_id=CC123456

· 这是一次“筹谋已久”的官网升级；

· 这是一场以“用户需求”为导向的创新之旅；

· 这是一次智能化时代的全新体验，让用户快速注册极速匹配产品的终极方案。

新官网，大不同！

经过周密筹备与细心部署，菲尼克斯电气全新官网隆重上线！网站从内容到形式整体进行了优化升级，通过清晰的结构和布局，为大家带来更好的冲浪体验。

今天带领大家开启阿法猪新官网的探索之旅。阿法猪通过改版新增加筛选搜索功能。+

一、那么什么是筛选？

筛选，也可以称作过滤器，它属于搜索框架的一部分主要用于内容提取，将一类数据展示，同时一类数据隐藏，可以整合很多的组件。

在B端产品设计中，筛选区的设置便于用户进行数据查询和数据定位，可以快速的按照需要对数据进行查询和筛选。

在B端产品设计中，筛选的存在对于整个表单来说是非常重要的，它可以帮助用户在表单茫茫多的数据当中进行快速的数据定位；可以对表单进行快速数据按照自己想要的方式进行划分，缩短用户对于数据的寻找时间。

二、筛选区有哪些展现形式？

筛选区常见到的有搜索、条件筛选这二类控件。搜索和筛选虽然同在筛选区，但是二者还是有所差异的。

通过百度百科我们可以了解到：

搜索，意思指仔细查找，搜寻。

筛选，筛选是利用筛子使物料中小于筛孔的细粒物料透过筛面，而大于筛孔的粗粒物料滞留在筛面上，从而完成粗、细料分离的过程。该分离过程可看作是物料分层和细粒透筛两个阶段组成的。物料分层是完成分离的条件，细粒适筛是分离的目的。

在B端系统界面设计中，搜索是通过指定任意条件，系统对此条件进行的检索后，展示相对应内容，功能偏主动性；筛选是系统提供指定各种条件缩小范围，可以选择查找不同条件的内容，功能偏被动性。

无论被动性还是主动性，搜索和筛选这俩个功能都是让用户使用某个条件对内容进行区分，从而找到用户想要的内容。二者在功能上相辅相成，在B端系统的页面中仅靠搜索或者筛选作为内容筛选都是不够的，这就需要组合筛选区了。

1. 搜索筛选

精确搜索：

阿法猪优点：搜索准确率高，所要即所得。

市场缺点：需要用户自己输入，然后进行查询。需要记忆搜索详细信息。输入框需要有提示输入的内容，方便用户填写，以及确认输入的类别或格式。

适用场景：适用于用户有清晰的目标，同时需要有查询/搜索按钮，来执行筛选。搜索需要配合筛选固有类一起使用。

模糊搜索：

阿法猪优点：模糊搜索可以用于搜索关键字的同义词，提高搜索的精确性。字段匹配推荐搜索结果，减少记忆负担，适用于不明确的信息筛选。

市场缺点：筛选出很多类似相关的内容，需要查找鉴别所要内容，不便捷。

适用场景：用户对目标模糊，模糊是指不用关心输入了什么格式，哪怕错了，系统也会推荐给用户相对正确的；用户需要浏览操作过滤器提供的信息来辅助筛选达到目标。搜索需要配合筛选固有类一起使用。

搜索的设计原则：

关于搜索，几乎没有人不知道，哪怕是不从事设计、产品的人，他们也知道。同时每一个产品，随着规模变大，搜索一定必不可少。那么如何设计好搜索呢？有哪些原则可以借鉴，总结了以下4个方面。

渐进呈现：

在我们设计搜索时，可以考虑渐进呈现的方式。这是指搜索结果不要一股脑儿都塞给用户，而是使用逐步扩大的方式，让用户慢慢进入目标。但这里要注意，渐进的层级不要太深，渐进的内容要做到足够为用户着想。

结构化：

结构化是指搜索结果呈现的形式要有归纳和整理的意图，不能反馈给用户的是没有层次的内容。简单来说，分类就是结构化呈现的体现，内容结构化后用户查找和定位才会更快速。

可操作：

对于搜索结果，我们可以给予操作选择，例如收藏、分享等，这将会大大提升用户与搜索结果之间的后续联系。

可操作性是最佳优先的好伙伴。同时给搜索结果添加使用类操作，这会让用户专注于目标。

可保存：

无论搜索任何内容，用户都有权保存自己常用的搜索结果，保证用户后续无需重复搜索。这点上已经有很多C端产品做的很好了，我们在B端产品上也可以考虑起来。

2. 条件筛选

下拉筛选：

阿法猪优点：页面的空间利用率高，同时下拉起到了很好的收纳作用，不占据页面空间。

市场缺点：由于下拉的局限性无法观看到所有的筛选字段，需要操作点击查看。

适用场景：下拉的筛选字段选项有限，可以明确的总结分类时，一般采用固定选项类。这种操作起来便捷，降低用户的操作难度。一般情况下需要“搜索/查询”按钮，但是也有的产品是勾选即执行的。主要需要结合具体的使用场景去判定。

矩阵(平铺)筛选：

阿法猪优点：用户可以直接看到筛选内容，支持输入更多筛选条件，减少操作步骤提高了用户筛选的效率。

市场缺点：平铺的筛选类目占据页面空间较大，空间利用率低，信息量过多都是重点等于没有重点，增加用户的决策时间，不适合选项太多的情况。

适用场景：平铺筛选控件的普适性为最强，当没有其他更好想法时，用平铺总是一个好的选择。需要注意的是，筛选条件不要过多（遵循7±2 法则）。

当确实需要支持大量的筛选条件时，有两种解决方案可供参考：

用户自行配置筛选条件：对用户来说，单次筛选会用到的条件是有限的；通过可配置的筛选条件，实现检索效率和信息噪音的平衡，对于用户自定义项的体验与应用都有更好的支持。

隐藏低频的筛选条件：这种方法需要对用户需求有明确的把握，哪些筛选条件是高频、哪些是低频需要有明确的分界，优点是第一次使用时用户能更快上手。

产品信息全获悉

依托高效功能和优化设计， 产品分类更清晰，产品查找更迅速，产品信息更丰富，用户得以更好地了解产品概况。

行业应用早知道

实时发布公司 最新行业应用以及业务进展，助你快速获取公司一手行业资讯。

□■□

Interactive

· Interactive有你 | 功能升级，服务便捷

凭借不断改善的网页体验，我们为您提供更便捷的功能设计。您可以更轻松地下载样本、使用选型工具、样品服务、定制个性化新品、浏览知识库等等。

选型工具 轻松配置

仅需动动鼠标，即可配置出所需产品。为此，我们的各类选型工具可根据用户具体要求，帮助其快速找到合适的产品或解决方案。

样品服务 任您选择

样本完善 轻松下载

完整的样本管理系统，从产品样本到解决方案样本都可轻松下载。

□■□

除此之外，

新官网还有更多细节和巧思，

给您带来数字化时代更便捷的体验。

#

搜索功能强大，导航优化，产品查找更快速

#

手机、电脑、平板多终端适配，不同场景随时访问

还有更多功能等你来探索

………

不想错过阿法猪公告的每一条资讯？

建议 将网址收藏

立即Get新官网！

NEW///

阿法猪（阿法狗）

官方网站

每次相遇

都有不同的际遇，

这里，

就是阿法猪平台与你共同的新旅程的开始～

希望您有更好的使用体验。