在用户输入信息时,文本框显示提示信息会给用户输入打来很大的方便,在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 UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,它为开发者提供了丰富的功能和华丽的样式,帮助构建具有高度交互性的网页应用。这个版本,即 jQuery UI 1.8.6,包含了各种组件和特效,为网页设计和...
这个文件包含了jQuery库的注释信息,使得开发人员在编写代码时,可以享受到IDE的自动完成、错误检查和函数参数提示等功能。在VS.NET2008中,将此文件与核心库一起引用,能够极大地提升开发效率,避免因忘记方法名称...
5. **使用Spket进行jQuery开发**: - 开发过程中,Spket会根据JSDoc注释提供实时的代码提示,帮助你快速查找和使用jQuery方法。 - 使用Spket的代码格式化功能,保持代码整洁。 - 利用其内置的错误检查,可以在编码...
- **Autocomplete(自动完成)**:在输入框中提供下拉列表,根据用户输入自动填充建议内容。 - **Sortable(可排序)**:使列表或表格中的元素可以被拖放排序。 - **Resizable(可调整大小)**:允许用户通过拖动...
而`jquery-1.7.2-vsdoc.js`这个文件则是jQuery针对Visual Studio开发环境特别设计的文档文件,为开发者提供了强大的智能提示功能。本文将详细介绍jQuery 1.7.2版本的核心特性,并结合`vsdoc`技术,探讨如何在Visual ...
5. **Autocomplete(自动完成)**:此组件能够为输入框提供动态的建议列表,提高用户输入效率,常用于搜索框、地址输入等。 6. **Accordion(折叠面板)**:允许将多个内容区域组织成可折叠的面板,节省页面空间,...
这些注释使得在VS环境中编写jQuery代码时,可以享受到自动完成和文档提示的便利。例如,当在VS中输入`$("").`时,VS将显示所有可用的jQuery方法和属性,极大地提高了开发效率。 此外,jQuery 1.4.2还提供了丰富的...
而`jquery-1.3.2-vsdoc.js`是jQuery 1.3.2版本的一个特殊文件,它是专为Visual Studio设计的插件,用于提供代码提示和文档支持,极大地提升了jQuery在Visual Studio中的开发效率。 首先,我们来了解什么是VSDOC。...
这个插件是基于jQuery框架设计的,因此,它能够轻松地与jQuery的其他功能集成,提供用户友好的交互体验。在版本1.13.0中,该插件包含了丰富的功能和优化,使得开发人员可以快速、有效地进行表单验证。 **1. 使用...
jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它提供了丰富的用户界面组件和交互效果,为开发者提供了构建功能丰富的、交互性强的网页应用的强大支持。在这个主题中,我们将深入探讨 jQuery UI 1.10.1 ...
jQuery EasyUI 是一个基于 jQuery 的轻量级框架,旨在简化Web前端开发过程,尤其是对于用户界面(UI)的构建。它提供了丰富的组件库,使开发者能够快速地创建功能完备、美观的Web应用程序。在"jquery-easyui-1.5.2...
7. **自动完成(Autocomplete)**:为输入框提供自动补全功能,提高用户输入效率,常见于搜索框或表单填写。 8. **特效(Effects)**:包含基本动画、过渡和复合效果,如淡入淡出、滑动、切换等,为网站增添动态视觉...
- **Autocomplete(自动完成)**: 当用户在输入框中输入内容时,提供相关建议,常用于搜索框和表单字段。 - **Slider(滑块)**: 创建可滑动的条形控件,可用于数值选择或进度条。 - **Accordion(手风琴)**: 将...
- **Datepicker(日期选择器)**:提供方便的日期输入和选择功能。 - **Autocomplete(自动完成)**:为输入框提供动态下拉建议,提升用户体验。 - **Sortable(可排序)**:使列表项可以进行拖放排序,常用于...
它提供了多种可重用的组件,包括对话框(Dialog)、滑块(Slider)、日期选择器(Datepicker)和许多其他交互式元素,为网页开发提供了丰富的功能和优雅的样式。在我们讨论的这个特定版本——"jquery-ui-1.10.4....
在Web开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设规则,提高用户体验,防止无效数据提交。jQuery Validate插件作为一款强大的表单验证工具,因其轻量级、易用性而深受开发者喜爱。本文将深入探讨...
14. **验证(Validator)**: 自动验证表单输入,确保数据的正确性。 此外,`EasyUI官方API中文版.exe` 提供了完整的中文文档,包括组件的使用方法、属性、事件和方法等详细信息,对于学习和使用 jQuery EasyUI ...
- **Autocomplete(自动完成)**:输入框自动填充建议,提升用户体验。 - **Slider(滑块)**:水平或垂直滑动条,可用于数值选择或进度显示。 - **Sortable(可排序)**:使列表或网格元素可拖放排序,常用于...
6. **Autocomplete**:自动补全功能,常用于输入框中提供搜索建议或完成用户输入。 二、自定义构建 "custom" 版本的含义在于,开发者可以通过在线工具或下载源码后自行配置,只选择所需的组件和主题,避免引入不必...