Maison > interface Web > js tutoriel > 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

巴扎黑
Libérer: 2018-05-15 14:36:42
original
2598 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal