`
齐晓威_518
  • 浏览: 607493 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

jQuery文本框智能提示插件-转自给力技术

 
阅读更多

 在网站中使用文本框智能提示功能,能有效的提升用户体验,这篇文章要推荐的便是一个这样的 jQuery 插件

  jQuery.suggest 是一个提供文本框智能提示功能的 jQuery 插件,当在文本框中输入字符时,与此相关的内容会以浅灰色显示在文本框中。提示内容可使用键盘上下选择,按下回车后即可自动输入。可自定义提示文字的 CSS 样式。

如何使用

  首先在 HTML 页面中添加 jQuery 框架和此插件

<script src="jquery.js"></script>
<script src="jquery.suggest.js"></script>

  添加一个文本框,必须设置position: relative;z-index: 10;这两个样式

<input type="text" name="search" id="search" />

  然后初始化插件

var text = ["给力技术","测试测试", "Asp", "BASIC", "C"];
$(function () {
  $('#test').suggest(text);
});

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics