用js实现输入提示（自动完成）

Tip:

  • 输入0、1，2会得到提示。
  • 用鼠标或上下键可以选择提示。
  • 选择点击鼠标或点回车可以选择选项。
  • 可以修改调用处，使各个输入框提示不同内容。
时间： 2024-12-25 22:46:13

用js实现输入提示（自动完成）的相关文章

【高德地图API】从零开始学高德JS API（四）搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

原文:[高德地图API]从零开始学高德JS API(四)搜索服务--POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索 摘要:地图服务,大家能想到哪些?POI搜素,输入提示,地址解析,公交导航,驾车导航,步行导航,道路查询(交叉口),行政区划等等.如果说覆盖物Marker是地图的骨骼,那么服务,就是地图的气血.有个各种各样的地图服务,我们的地图应用才能变得有血有肉,活灵活现.第四篇拆成了几个要点,本篇主要讲搜索服务.包括周边搜索,关键词搜索,范围搜索,搜索提示(自动完成,输入提示)

JavaScript输入邮箱自动提示实例代码

 这篇文章主要介绍了JavaScript输入邮箱自动提示实例代码,有需要的朋友可以参考一下 本来想把之前对artTemplate源码解析的注释放上来分享下,不过隔了一年,找不到了,只好把当时分析模板引擎原理后,自己尝试   写下的模板引擎与大家分享下,留个纪念,记得当时还对比了好几个模板引擎来着.   这里所说的js的模板引擎,用的是原生的javascript语法,所以很类似php的原生模板引擎.       前端模板引擎的作用?   1. 可以让前端开发更简单,不需要为了生成一个dom结构而使

JS输入用户名自动显示邮箱后缀列表的方法_javascript技巧

本文实例讲述了JS输入用户名自动显示邮箱后缀列表的方法.分享给大家供大家参考.具体如下: 以下是代码,保存到html文件打开: 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>输入用户名自动显示邮箱后缀列表</title> <script type="text/javascript" src=&q

Win 10开发输入搜索自动提示下拉控件（AutoSuggestBox）实例

AutoSuggestBox控件与TextBox控件相似,但,AutoSuggestBox控件可以提供一个下拉列表,用户可以从弹出的下拉列表中选择一个项,并把被选项的内容显示在输入框上.就类似于搜索引擎的输入页面. 在使用AutoSuggestBox控件时,要注意它有几个重要事件. a.当下拉列表中的项被选择后,会发生SuggestionChosen事件. b.当在QuerySubmitted的下拉列表中做出选择后,或者单击输入框右边的查找图标(如果有,需自行设置)会提交输入的文本,这时候会发生

js实现匹配时换色的输入提示特效代码_javascript技巧

本文实例讲述了js实现匹配时换色的输入提示特效代码.分享给大家供大家参考.具体如下: 这是一款js输入提示特效,当你在输入框中输入字母时,如果下边列出的类别中有与你字母相匹配的,那么这些内容将会变成红色,着重显示出来,与输入框下拉提示是基本是一样的,只是换了一个方式. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-tips-cha-color-codes/ 具体代码如下: <html> <head> <meta htt

jQuery插件实现可输入和自动匹配的下拉框_jquery

实现可输入+带自动匹配功能的下拉框,我试过以下几种方法: 1.直接使用h5的新标签<datalist>,对应demo如下: <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option val

php 搜索框提示(自动完成)实例代码_php实例

百度的搜索大家都在用,当用户输入文字时,搜索框下面自动提示相关的信息,加强了用户体验,的确不错,那么这个效果是如何实现的呢 先看一下效果图吧,这样更有动力,要不然大家还不知道我在讲什么,到底要达到什么样的效果! 下面先主要讲解原理: 在search.html页面中,用户在搜索框内输入"j"时,使用javascript获取搜索框的文本内容,到数据库中查找相关的内容并返回,再使用javascript将服务器返回的结果显示在搜索框下面的提示框内,供用户参考选择. 具体的实现方法: 首先在页面

JQuery仿芒果网机票预定智能输入提示演示

点击输入框,自动列出热门出行城市.在很多大型门户都会有这个智能输入提示功能.比如GOOGLE的建议搜索功能,非常实用的一个效果. 具体的功能如下: 1.点击输入框,自动列出热门出行城市: 2.支持中文/拼音/3字码 输入的智能提示: 3.支持键盘方向键选择.回车键确定: 4.支持选择后自定义callback函数: 5.支持IE6.IE7.IE8.Firefox 演示: http://x.zendstudio.net/libs/jquery-suggest-revised/ 下载: http://

Javascript实现类似google搜索框输入提示功能

本文主要内容:p居中.层定位.类google输入提示示例,在线qq查询,自动刷新 类似google搜索框输入提示功能的示例代码,采用层定位,居中对齐,input 的输入改变.失去焦点.获得焦点事件......解决了onblur和onclick同时被调用的失效问题.