Maison  >  Article  >  interface Web  >  Explication détaillée de la fonction d'invite floue de la zone de saisie javascript

Explication détaillée de la fonction d'invite floue de la zone de saisie javascript

巴扎黑
巴扎黑original
2018-05-15 14:36:422569parcourir

Cet article présente principalement les informations pertinentes sur la mise en œuvre de la fonction d'invite floue de la zone de saisie javascript. J'espère qu'il pourra aider tout le monde par instinct. Les amis dans le besoin peuvent se référer à

Le. invite floue de la zone de saisie javascript L'implémentation de la fonction

utilise principalement la fonction jQuery.autocomplete Vous pouvez utiliser cette fonction après avoir défini un tableau, ce qui est très pratique.

<!doctype html>
<html>
<head>
 <meta charset="utf-8">
 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="external nofollow" >
 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
 <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
 <script>
 $(function() {
  var availableTags = [
   "James",
   "Kobe",
   "Jordan"
  ];
  $( "#tags" ).autocomplete({
   source: availableTags
  });
 });
 </script>
</head>
<body>

<p class="ui-widget">
 <label for="tags">Tags: </label>
 <input id="tags">
</p>

</body>

Effet :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn