background

Kendo UI for jQuery

jQuery AutoComplete

  • Enable users to filter and select items from a list of available options using a variety of methods.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Header-AutoComplete
  • Overview

    Enable users to intuitively select from a list of items with Kendo UI for jQuery AutoComplete. Features such as filtering, and suggestions help users discover the information they need.  

    See the jQuery AutoComplete Overview demo.

    overview-autocomplete-component
  • Filtering

    Precisely define how data items are filtered to match the user’s input with the filtering options in Kendo UI for jQuery AutoComplete. Through the implementation of conditional statements such as “starts with”, “contains” and more, you can control the dropdown of available items based on what the user is typing.

    See the jQuery AutoComplete Filtering demo

    filtering-autocomplete-component-jquery
  • Virtualization

    Performance is at the forefront for Kendo UI for jQuery UI components. Effortlessly scroll through large sets of data thanks to the high-performance, built-in jQuery AutoComplete virtualization feature.

    See the jQuery AutoComplete Virtualization demo

    virtualization-autocomplete-jquery
  • Floating Label

    Create smoother and more efficient experiences for end-users with the AutoComplete floating label feature. The floating label moves above the input when it is focused, thus saving space and retaining the context of the form field.

    See the jQuery AutoComplete Floating Label demo

    Kendo UI for jQuery AutoCompete Component Floating Label
  • Adaptive Mode

    The jQuery AutoComplete  UI component supports an adaptive mode that provides a mobile-friendly rendering of the component popup. When enabled, the component will automatically adapt to the current screen size and will change its rendering accordingly.  

    See the jQuery AutoComplete Adaptive Mode demo

  • Grouping

    Define categories and group items by category in AutoComplete to avoid long lists help users navigate the available options in an organized way.

    See the jQuery AutoComplete Grouping demo

    grouping-autocomplete-jquery
  • Templates

    Fully customize the look and feel of each item displayed by jQuery AutoComplete with templates. This includes the default items that represents each data item, as wells as the header and footer elements.

    Read the jQuery AutoComplete Templates documentation.

    templates-autocomplete-jquery-component
  • Prefix and Suffix Adornments

    Elevate user interactivity leveraging the option for adding prefix and suffix adornments. These are custom items, usually an icon or button, inside the field before or after the input area. Typical prefix adornments are currency symbols or unit indicators, while suffix adornments are often used for password visibility toggles, formatting or clearing the input. 

    See the jQuery AutoComplete Prefix and Suffix demo

  • Keyboard Navigation

    Empower users to increase productivity and facilitate accessibility with keyboard support. Kendo UI for jQuery AutoComplete has built-in keyboard support to help users navigate every aspect of the application using just a keyboard.

    See the jQuery AutoComplete Keyboard Navigation demo

    Keyboard Navigation
  • Accessibility

    Ensure your application meets the international accessibility requirements. Every Kendo UI for jQuery component has built-in digital accessibility features to help you stay compliant with accessibility standards. Our Kendo UI for jQuery AutoComplete follows the official WCAG guidelines and supports Section 508, Keyboard Navigation, and WCAG 2.0 (with a AAA rating) compliance.

    Read the jQuery AutoComplete Accessibility documentation.

    jQuery accessibility

All Kendo UI for jQuery Components

Next Steps

Next Steps