jQuery saisie semi-automatique
jQuery Autocomplete
Le plugin jQuery Autocomplete recherche et filtre en fonction des valeurs saisies par l'utilisateur, permettant aux utilisateurs de rechercher et de sélectionner rapidement dans une liste de valeurs prédéfinies. En donnant le focus à un champ de saisie semi-automatique ou en y saisissant des caractères, le plug-in commence à rechercher les entrées correspondantes et affiche une liste de valeurs parmi lesquelles choisir. En saisissant plus de caractères, l'utilisateur peut filtrer la liste pour de meilleures correspondances.
Ce plugin fait désormais partie de jQuery UI, et la version autonome ne sera plus mise à jour. La version actuelle est la 1.6.
Visitez le site officiel de jQuery Autocomplete et téléchargez le plug-in jQuery Autocomplete.
Pour plus de détails sur la saisie semi-automatique, veuillez consulter la documentation de l'API Autocomplete Widget.
Exemple de démonstration
Démonstration du plug-in jQuery Autocomplete.
Instance
<!doctype html>
<html>
<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>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
