一个简单的搜索输入效果想法，可以变成全屏覆盖。这个想法是扩大搜索输入并显示一些相关的内容或搜索结果。

jquery实现input搜索输入关键词后自动筛选相关信息效果

资源博客地址:https://blog.csdn.net/lanrenxiaowen/article/details/83415577

Ractive-JS-Quick-Search 使用 Ractive JS 实现通用快速搜索输入字段 最近，我需要实现一种从大型（r）客户端数据库中选择名称的方法。 最好的解决方案是有一个输入字段，您可以在其中输入几个字母，然后您将看到一个包含您刚刚输入的字符串的名称列表。 虽然这种输入随处可见，但我找不到一个简单的、可插拔的实现。 所以我使用 Ractive.js 创建了它，这是一个创建交互式 Web 应用程序的非凡框架。 有了它，我可以创建一个插件，它只是一个文件，包含轻松实现快速搜索框所需的一切。 依赖项： Ractive.js 0.6+ jQuery 1.5+（需要实现移动焦点到下一个制表位） 如何使用 加载需要的库 < script src =" ractive.js " > </ script > < script src =" jquery.js " > </ sc

ngx-input-search TL; DR： 用于输入搜索输入以改善用户体验（UX）的Angular指令。 通过其唯一的输出，您将能够获得与搜索输入相关的良好实践，如： 等到用户停止写以执行所需的操作 避免对同一流执行操作 修剪条件上的空白 当条件的长度大于期望的长度时流 < input type =" text " (ngxInputSearch) =" doTheSearch($event) "/> 如何使用它 dummy.component.ts @ Component ( { selector : 'dummy-component' , templateUrl : 'dummy.component.html' , } ) class DummyComponent { doTheSearch ( $event : Event ) { const stringEmitted = ( $event . target as HTMLInputElement ) . value ; console . log ( stringEmitted ) ;

Eclipse V4.2.0编写的Android自动文本输入应用实例(仿搜索引擎的搜索输入)。