欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-04-28 23:34:56
javascript input输入框模糊提示功能的实现 主要用到了jquery.autocomplete函数，定义好一个数组就可以用这个功能了，很方便。 &l...

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 input输入框模糊提示功能的实现

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

上一篇： 详解在vue-cli项目中使用mockjs(请求数据删除数据)

下一篇： 使用store来优化React组件的方法

推荐阅读