在用户输入信息时,文本框显示提示信息会给用户输入打来很大的方便,在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>
运行结果:
相关推荐
jQuery标签输入自动完成插件jquery.tagsinput-revisited.js,一个使用Jquery tagsinput开发的自定义input 输入提示插件,样式优美
autocomplete-suggestions插件实例包,是一个由HTML5与jQuery共同实现的表单输入自动完成的例子,当用户输入的时候,随着字符的输入,会自动匹配输入结果,以下拉的方式显示出匹配项,与百度搜索框的下拉提示十分...
PHP实例开发源码—AutoComplete(自动完成)输入提示效果的代码(jquery).zip
在ASP.NET Web开发中会经常用到自动提示功能,比如百度搜索。我们只要输入相应的关键字,就可以自动得到相似搜索关键字的提示,方便我们快速的输入关键字进行查询。 那么在ASP.NET中,如果我们需要做个类似的效果,...
jQuery搜索框输入文字下拉提示菜单(bootstrap风格)autocomplete
第5章 jQuery实现用户输入自动完成功能 5.1 最简单的用户输入自动完成 5.2 使用远程数据源的自动完成 5.3 带缓存的自动完成 5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维...
jQuery Autocomplete plugin是在jQuery的基础上开发的一套小巧的输入下拉提示插件,这是它的PHP应用实例,大部分功能与HTML格式网页类同,这里增加了一些需要PHp程序配合的内容,它不但有输入提示功能,而且示例本身...
本插件是为输入用户名的提示信息而写的 功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐 所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷 简单说明: 1 可以自动默认提示信息 若不设置...
功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐,所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷。 简单说明: 1.可以自动默认提示信息,若不设置则默认值为:用户名/邮箱 2.当input...
内容索引:脚本资源,jQuery,下拉提示,搜索提示 基于jquery的下拉框提示ddcombobox的功能演示,这是一个比较完整的演示程序,当没有输入的时候它可以当作一个下拉框使用,当有输入的时候下拉框的内容会自动搜索与其...
内容索引:脚本资源,jQuery,输入提示,自动完成 jQuery 城市输入提示,适用于机票、酒店预订网站,这里用到了最新版的jQuery v1.4,点击输入框,自动列出热门出行城市; 城市信息保存在JS文件里,不需要读取数据库,...
内容索引:脚本资源,jQuery,时间选择器,timepickr,Js日历 jQuery UI timepickr ,从示例来看,像是一款时间输入插件,鼠标放到输入时间的文本框中,自动出现漂亮的小时、分钟提示,配合jQuery UI,最终效果相当漂亮...
内容索引:脚本资源,jQuery,搜索提示,自动完成 又一个jQuery 搜索框提示,很好用,至于功能不用多介绍了吧,百度、Google搜索首页都在用,类似Windows的自动完成功能,可以提示下拉框输入的内容。 注意:本例子只...
第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章 选择符...
开始输入新元素,在$this->和ClassName::后显示所有可能的备选列表来完成。 ·PHP调试器:调试器是一个工具包,允许开发人员在开发过程中调试应用程序。此前,你需要配置它。 通过Tools->Prefernces->Debugger菜单来...
本次项目主要以本学期所学内容为基础,采用servlet+jsp+jdbc的技术以及mvc模式进行项目开发,本次开发的内容主要以实现CRUD核心功能为主的教务管理系统,分为学生端和教师端,前端采用jquery进行数据传输以及处理,...
-修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正HtmlEditor不能编辑的BUG(feedback:TheBox)。 -修正IE下有时会出现空白页面的情况(feedback:olivia919)。 +2009-12-06 v2.1.8 -...
内容索引:脚本资源,jQuery,输入提示,jQuery插件 飞飞input表单输入框提示插件,专一为输入用户名的提示信息而写的。为开发者提供一些便利。功能说明: 1.可以自动默认提示信息,若不设置则默认值为:用户名/邮箱...