`
舟舟同学
  • 浏览: 44432 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

JQuery开发9-用户输入自动提示功能

阅读更多

在用户输入信息时,文本框显示提示信息会给用户输入打来很大的方便,在jQuery中使用jquery.autocomplete.js插件实现该功能,具体参考代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript"
	src="${pageContext.request.contextPath}/script/jquery.js"></script>
<script language="javascript"
	src="${pageContext.request.contextPath}/script/jquery.autocomplete.js"></script>
<script language="javascript"
	src="${pageContext.request.contextPath}/script/computerlanguage.js"></script>
<link rel="stylesheet" type="text/css" href="../css/jquery.autocomplete.css" />
<script type="text/javascript">
$(document).ready(function() {
		$("#tags").autocomplete(computerlanguage,{
		width: 100,
		highlight: false,
		multiple: true,
		multipleSeparator: " ",
		scroll: true,
		scrollHeight:100
	});
	});
</script>
</head>
<body>
	<label>输入语言:</label>
	<input type="text" id='tags' />
	<input type="button" value="提交" />
	<p>
</body>
</html>

 运行结果:

 

 

 

  • 大小: 5.3 KB
0
1
分享到:
评论

相关推荐

    jQuery标签输入自动完成插件jquery.tagsinput-revisited.js

    jQuery标签输入自动完成插件jquery.tagsinput-revisited.js,一个使用Jquery tagsinput开发的自定义input 输入提示插件,样式优美

    HTML5 jQuery 表单输入自动完成 autocomplete-suggestions插件.rar

    autocomplete-suggestions插件实例包,是一个由HTML5与jQuery共同实现的表单输入自动完成的例子,当用户输入的时候,随着字符的输入,会自动匹配输入结果,以下拉的方式显示出匹配项,与百度搜索框的下拉提示十分...

    PHP实例开发源码—AutoComplete(自动完成)输入提示效果的代码(jquery).zip

    PHP实例开发源码—AutoComplete(自动完成)输入提示效果的代码(jquery).zip

    ASP.NET输入文本框自动提示功能

    在ASP.NET Web开发中会经常用到自动提示功能,比如百度搜索。我们只要输入相应的关键字,就可以自动得到相似搜索关键字的提示,方便我们快速的输入关键字进行查询。 那么在ASP.NET中,如果我们需要做个类似的效果,...

    jQuery搜索框输入文字下拉提示菜单bootstrap风格autocomplete

    jQuery搜索框输入文字下拉提示菜单(bootstrap风格)autocomplete

    超实用的jQuery代码段

    第5章 jQuery实现用户输入自动完成功能 5.1 最简单的用户输入自动完成 5.2 使用远程数据源的自动完成 5.3 带缓存的自动完成 5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维...

    jQuery Autocomplete plugin(自动完成插件) 1.1.zip

    jQuery Autocomplete plugin是在jQuery的基础上开发的一套小巧的输入下拉提示插件,这是它的PHP应用实例,大部分功能与HTML格式网页类同,这里增加了一些需要PHp程序配合的内容,它不但有输入提示功能,而且示例本身...

    html文本框input表单输入框默认提示信息插件,获得焦点自动清空默认值,失去焦点对比确认默认值

    本插件是为输入用户名的提示信息而写的 功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐 所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷 简单说明: 1 可以自动默认提示信息 若不设置...

    飞飞input表单输入框默认提示信息插件

    功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐,所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷。 简单说明: 1.可以自动默认提示信息,若不设置则默认值为:用户名/邮箱 2.当input...

    基于jquery的下拉框提示ddcombobox功能演示

    内容索引:脚本资源,jQuery,下拉提示,搜索提示 基于jquery的下拉框提示ddcombobox的功能演示,这是一个比较完整的演示程序,当没有输入的时候它可以当作一个下拉框使用,当有输入的时候下拉框的内容会自动搜索与其...

    jQuery 城市输入提示(适用于机票、酒店预订)

    内容索引:脚本资源,jQuery,输入提示,自动完成 jQuery 城市输入提示,适用于机票、酒店预订网站,这里用到了最新版的jQuery v1.4,点击输入框,自动列出热门出行城市; 城市信息保存在JS文件里,不需要读取数据库,...

    jQuery UI timepickr 时间输入提示插件

    内容索引:脚本资源,jQuery,时间选择器,timepickr,Js日历 jQuery UI timepickr ,从示例来看,像是一款时间输入插件,鼠标放到输入时间的文本框中,自动出现漂亮的小时、分钟提示,配合jQuery UI,最终效果相当漂亮...

    又一个jQuery 搜索框提示,很好用

    内容索引:脚本资源,jQuery,搜索提示,自动完成 又一个jQuery 搜索框提示,很好用,至于功能不用多介绍了吧,百度、Google搜索首页都在用,类似Windows的自动完成功能,可以提示下拉框输入的内容。  注意:本例子只...

    jquery基础教程高清版PDF.part5.rar

    第1章 jQuery入门   1.1 jQuery能做什么   1.2 jQuery为什么如此出色   1.3 第一个jQuery文档   1.3.1 下载jQuery   1.3.2 设置HTML文档   1.3.3 编写jQuery代码   1.4 小结  第2章 选择符...

    PHP 代码编辑器 CodeLobster PHP Edition 5.15.0 中文多语免费版.zip

    开始输入新元素,在$this-&gt;和ClassName::后显示所有可能的备选列表来完成。 ·PHP调试器:调试器是一个工具包,允许开发人员在开发过程中调试应用程序。此前,你需要配置它。 通过Tools-&gt;Prefernces-&gt;Debugger菜单来...

    Java web 期末大作业,完成度100%附带文档.

    本次项目主要以本学期所学内容为基础,采用servlet+jsp+jdbc的技术以及mvc模式进行项目开发,本次开发的内容主要以实现CRUD核心功能为主的教务管理系统,分为学生端和教师端,前端采用jquery进行数据传输以及处理,...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正HtmlEditor不能编辑的BUG(feedback:TheBox)。 -修正IE下有时会出现空白页面的情况(feedback:olivia919)。 +2009-12-06 v2.1.8 -...

    飞飞input表单输入框提示插件 v1.0

    内容索引:脚本资源,jQuery,输入提示,jQuery插件 飞飞input表单输入框提示插件,专一为输入用户名的提示信息而写的。为开发者提供一些便利。功能说明:  1.可以自动默认提示信息,若不设置则默认值为:用户名/邮箱...

Global site tag (gtag.js) - Google Analytics