Latest web development tutorials

jQuery Autocomplete

jQuery Autocomplete recherche plugin et filtre la valeur basée sur l'entrée d'utilisateur, ce qui permet aux utilisateurs de trouver rapidement et choisir parmi une liste de valeurs prédéfinies. En donnant l'accent Autocomplete ou d'un champ dans lequel vous entrez des caractères, le bouchon a commencé à chercher une entrée correspondante et afficher une liste de valeurs alternatives. En entrant plus de caractères, l'utilisateur peut filtrer la liste pour obtenir une meilleure correspondance.

Le plug-in est maintenant jQuery UI partie de la version stand-alone ne sera pas mis à jour. La version actuelle est 1.6.

Accès site officiel jQuery Autocomplete , télécharger le plugin jQuery Autocomplete.

Pour plus de détails au sujet de la saisie semi - automatique, consultez la documentation de l' API automatiquement membre (Autocomplete Widget) .

Exemples Démo

jQuery Autocomplete plug-in demo. 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
  </script>
</head>
<body>
 
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>
 
 
</body>
</html>

la