Skip to content
Related Articles

Related Articles

How to make basic Autocomplete using jQuery UI ?

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 27 Jan, 2021

jQuery UI Autocomplete can be used for providing auto-completion support for text fields in the webpage. The local Autocompleter is used when auto-completion options are given as an array to the Autocompleter to display as the choices.

Approach: First, add jQuery UI scripts needed for your project.

<script src=””></script>
<script src=””></script>
<link href= “” rel=”stylesheet” type=”text/css” />



<!DOCTYPE html>
        <meta charset="utf-8" />
        <meta name="viewport"
                       initial-scale=1" />
        <script src=
        <script src=
        <link href=
              type="text/css" />
            .height {
                height: 10px;
            $(function () {
                var list = ["One", "Two", "Three", "Four"];
                    source: list,
        <div class="ui-widget">
            <label for="gfg">Tags: </label>
            <input id="gfg" />


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!