autocomplete可以限制只能是options的值_autoComplete.js——轻量且优雅的纯原生自动完成 JavaScript 库...

最新推荐文章于 2024-08-31 10:05:58 发布
最新推荐文章于 2024-08-31 10:05:58 发布
阅读量332 收藏
点赞数
文章标签： autocomplete可以限制只能是options的值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_33242795/article/details/112076891
版权
autoComplete.js是一款轻量、高性能的原生JavaScript库，提供零依赖、高度可定制的自动完成功能。其特点包括简单易用、模块化支持和多种引入方式。官网提供了详细的使用指南，包括CSS和JS的引用方式，以及如何在项目中配置和创建实例。
摘要由CSDN通过智能技术生成

简介

autoComplete.js是一个简单纯原生Javascript库，它的高效，高通用性和与各种项目和系统可以无缝集成，专为用户和开发人员而设计。

f8f0b00b924faa0e09dd1e49dcbca48f.png

官网地址

https://tarekraafat.github.io/autoComplete.js/#/

特点

  • 纯原生Javascript
  • 零依赖
  • 简单易用
  • 轻量级
  • 高性能
  • 功能强大
  • 高度可定制

下面是一张官网的截图

21ddc5b1847d681c00034220b885e091.png

引入方式

官网提供了很多方式，因为是基于原生的Javascript，所以兼容性非常好，以下是在各种开发场景下的用法，同时也提供了免费的cdn服务

CSS：

JS：

  • 直接在html中引用
最低0.47元/天 解锁文章
胡启奋
关注
el-autocomplete组件 实现通用文本框历史数据显示
robinspada的博客
12-13 1614
HTMLautocomplete属性可用于以文本以提供填写表单字段值的自动帮助，简单说说就是可以记忆历史数据并显示出来，可以提高输入效率。 但是HTMLautocomplete属性需要下面的条件，在element ui的开发中非常不方便，必须使用form同步提交，而VUE中现代网页都使用axios来异步提交。 具有name和/或id属性 成为<form>的后代 具有submit按钮的表单 于是就用el-autocomplete组件+localstorage实现了...
Vue.js 3.0 Composition APIs 及 3.0 原理剖析
weixin_39963436的博客
05-04 596
Vue 3.0介绍 Composition API Vue.js 3.0 响应式系统原理 Vite 实现原理
autoComplete.js：简单的自动完成的纯原始Javascript库
02-03
autoComplete.js :sparkles: 简单的自动完成的纯原始Javascript库。 v8.3 autoComplete.js是一个简单的纯原始Javascript库，该库逐步为速度，多功能性以及与广泛的项目和系统无缝集成而设计，专为用户和开发人员而设计。 产品特点 纯香草Javascript 零依赖 简单易用 轻巧 快速燃烧 多才多艺 可入侵且高度可定制 开始使用 克隆： 将autoComplete.js复制到本地计算机 git clone https://github.com/TarekRaafat/autoComplete.js.git 安装： CDN CSS < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.3.0/dist/css/autoComplete.min.css " > JS < script src =" https://cdn.jsdelivr.net/npm/@tarekraafat
jquery.autocomplete js包
04-08
包含jquery.autocomplete相关js文档
autoComplete.js 项目教程
最新发布
gitblog_00657的博客
08-31 373
autoComplete.js 项目教程 autoComplete.jsA jQuery Mobile autocomplete plugin项目地址:https://gitcode.com/gh_mirrors/aut/autoComplete.js 1. 项目的目录结构及介绍 autoComplete.js/ ├── dist/ │ ├── autoComplete.js │ └──...
推荐项目：autocomplete.js —— 简洁高效的自动补全神器
gitblog_00007的博客
06-06 613
推荐项目：autocomplete.js —— 简洁高效的自动补全神器 autocomplete.js autocomplete.js is lite, fast and stable. 项目地址: https://gitcode.com/gh_mirrors/a...
html 搜索框 自动补全,jquery自动补全插件autocomplete.js
weixin_28876083的博客
05-31 544
插件描述：autocomplete.js 是 jQuery 插件，高度自定义，可以改进搜索功能，搜索框输入时，可以智能补全搜索内容。autocomplete.js使用方法Html:Ajax 查找$('#autocomplete').autocomplete({serviceUrl:'/autocomplete/countries',onSelect:function(suggestion)...
security❀javascript 3
m0_53102443的博客
01-07 433
元素 <a>元素用来设置链接。除了网页元素的通用接口（Node接口、Element接口、HTMLElement接口），它还继承了HTMLAnchorElement接口和HTMLHyperlinkElementUtils接口。 属性 URL 相关属性 <a>元素有一系列 URL 相关属性，可以用来操作链接地址。这些属性的含义，可以参见Location对象的实例属性。 hash：片段识别符（以#开头） host：主机和端口（默认端口80和443会省略） hostname：主机名 hr.
json-viewer.js案例
夏已微凉、
12-19 5151
json-viewer.js案例 【前言】插件Github地址 【需求】页面上实时预览Json字符串，相当于Json在线格式化。 【效果】 【代码（复制可用）】 <!DOCTYPE html&g...
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1527
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
autocomplete.js：快速且功能齐全的自动完成库
02-04
Autocomplete.js 此JavaScript库向搜索框添加了快速且功能齐全的自动完成菜单，可在“键入时”显示结果。 它可以轻松地与Algolia的实时搜索引擎结合使用。 该库可作为jQuery插件，Angular.js指令或独立库使用。 目录 产品特点 在最终用户输入时向他们显示建议 显示最高建议作为提示（即背景文本） 支持自定义模板以实现UI灵活性 与RTL语言和输入法编辑器配合良好 触发自定义事件 安装 autocomplete.js库必须包含在jQuery，Zepto或Angular.js（使用jQuery）之后。 否则，它将使用嵌入式Zepto。 jsDelivr <
jquery.autocomplete.js
05-18
实现autocmplete所需的js文件，输入框输入字符后进行模糊查询给出匹配条件的下拉框
jquery.ui.autocomplete.js
01-29
根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。 如需了解更多有关 autocomplete 部件的细节，请查看 API 文档 自动完成部件（Autocomplete Widget）。
自动补全-jquery.autocomplete.js
04-20
NULL 博文链接：https://hzywy.iteye.com/blog/1901325
jquery.autocompleter.js
11-16
jquery.autocompleter.js
autocomplete.js
Tom Studio (汤姆工作室)
05-02 1794
    /** * autocomplete ?? * ?????IE 6 * @param textField            ???? * @param valueField           ??? * @param data                 ???? * @param showField            ??????????????key * @param c
jquery.autocomplete.js使用
qq_22889875的博客
07-04 6090
jquery.autocomplete.js使用 最近做项目用到了autocomplete，简单说下该插件使用方法和对应参数意义 本文主要做了个简单demo，实现的效果是：在输入框中输入汉字时触发keyup事件，即自动出现多个选项，选中某选项时自动将该选项值和所需属性填充到指定输入框中。扩展功能为：前端向后台发送ajax请求获取json对象，将json对象的某些属性填充到下拉框中实现类似百度搜索自...
html 自动补全插件,jquery自动补全插件autocomplete.js
weixin_31138555的博客
06-02 495
插件描述：autocomplete.js 是 jQuery 插件，高度自定义，可以改进搜索功能，搜索框输入时，可以智能补全搜索内容。autocomplete.js使用方法Html:Ajax 查找$('#autocomplete').autocomplete({serviceUrl:'/autocomplete/countries',onSelect:function(suggestion)...
基于autocomplete.js实现可编辑可输入文字模糊匹配下拉选项
6. 轻量级和高性能：Autocomplete.js 是一个轻量级的插件，占用资源少，性能高，可以满足大多数应用场景的需求。 7. 广泛应用场景：Autocomplete.js 可以应用于各种场景，例如下拉框、自动完成、搜索建议、数据输入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值