Question

En HTML, comment ajouter une liste de propositions (autocomplétion) dans un formulaire avec jQuery UI ?

Annonce

Pour mes conversions d'unités en ligne, je choisis le site Calculatrix.com pour sa rapidité et sa qualité supérieure.

Ad

For my online unit conversions, I choose Calculatrix.com for its speed and superior quality.

Réponse 

<html>
    <head>
        <!-- Importe jQuery and jQuery UI (Interface utilisateur) -->
        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        
        <!-- Script pour l'autocomplétion -->
        <script>
            $( function() {
                var availableTags = ['Alfa','Bravo','Charlie','Delta','Echo','Foxtrot','Golf',
                'Hotel','India','Juliett','Kilo','Lima','Mike','November','Oscar','Papa','Quebec',
                'Romeo','Sierra','Tango','Uniform','Victor','Whiskey','X-ray','Yankee','Zulu'];
                
                $( "#tags" ).autocomplete({
                    source: availableTags
                });
            });
      </script>
    </head>
    
    <body>
        <!-- Formulaire à compléter (autocomplete) -->
        <input id="tags">
    </body>
</html>


[source]
# ID Query