javascript input输入框模糊提示功能的实现

 更新时间:2017年09月25日 14:49:57   作者:Lovnx  
这篇文章主要介绍了javascript input输入框模糊提示功能的实现的相关资料,希望通过本能帮助到大家,需要的朋友可以参考下

javascript input输入框模糊提示功能的实现

主要用到了jQuery.autocomplete函数,定义好一个数组就可以用这个功能了,很方便。

<!doctype html>
<html>
<head>
 <meta charset="utf-8">
 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="external nofollow" >
 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
 <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
 <script>
 $(function() {
  var availableTags = [
   "James",
   "Kobe",
   "Jordan"
  ];
  $( "#tags" ).autocomplete({
   source: availableTags
  });
 });
 </script>
</head>
<body>

<div class="ui-widget">
 <label for="tags">Tags: </label>
 <input id="tags">
</div>

</body>

效果:

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • JavaScript自定义日历效果

    JavaScript自定义日历效果

    这篇文章主要为大家详细介绍了JavaScript自定义日历效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • js事件(Event)知识整理

    js事件(Event)知识整理

    事件(Event)知识整理,本文由网上资料整理而来,需要的朋友可以参考下
    2012-10-10
  • JavaScript实现简单版的留言发布与删除

    JavaScript实现简单版的留言发布与删除

    这篇文章主要介绍了如何通过JavaScript实现简单的留言板功能:留言的发布与删除。文中的示例代码讲解详细,感兴趣的小伙伴可以学习一下
    2022-03-03
  • js将图片转base64的两种实现方法

    js将图片转base64的两种实现方法

    这篇文章主要给大家介绍了关于js将图片转base64的两种实现方法,Base64是网络上最常见的用于传输8Bit字节码的编码方式之一,Base64就是一种基于64个可打印字符来表示二进制数据的方法,需要的朋友可以参考下
    2023-07-07
  • javascript实现的使用方向键控制光标在table单元格中切换

    javascript实现的使用方向键控制光标在table单元格中切换

    最近公司开发ERP项目,要求商品入库选择货架号时支持使用方向键快速选择,以提高入库效率。
    2010-11-11
  • 纯js模仿windows系统日历

    纯js模仿windows系统日历

    本文主要介绍了纯js模仿windows系统日历的思路与实现方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • javascript设置连续两次点击按钮时间间隔的方法

    javascript设置连续两次点击按钮时间间隔的方法

    这篇文章主要介绍了javascript设置连续两次点击按钮时间间隔的方法,是非常实用的技巧,需要的朋友可以参考下
    2014-10-10
  • 基于JS实现导航条flash导航条

    基于JS实现导航条flash导航条

    flash导航条在网站建设中应用比较广泛,此种效果给浏览者带来极好的视觉效果,非常棒,下面小编给大家介绍基于JS实现导航条flash导航条,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • JavaScript CollectGarbage函数案例详解

    JavaScript CollectGarbage函数案例详解

    这篇文章主要介绍了JavaScript CollectGarbage函数案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • uniapp介绍与使用以及小程序实时获取视频播放时间

    uniapp介绍与使用以及小程序实时获取视频播放时间

    这篇文章主要给大家介绍了关于uniapp介绍与使用以及小程序实时获取视频播放时间的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用uniapp具有一定的参考学习价值,需要的朋友可以参考下
    2023-02-02

最新评论