recherche

Maison >interface Web >js tutoriel >Le code JavaScript implémente la fonction d'invite floue de la zone de saisie

Le code JavaScript implémente la fonction d'invite floue de la zone de saisie

小云云
小云云original
2018-02-01 13:10:462179parcourir

Cet article vous 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 vous aider par instinct. Les amis dans le besoin pourront s'y référer. .

L'implémentation de la fonction d'invite floue de la zone de saisie JavaScript

Utilise principalement la fonction jQuery.autocomplete Vous pouvez utiliser cette fonction après avoir défini un tableau. . C'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 :

Recommandations associées :

Zone de saisie de balise de saisie avec méthode de texte d'invite

Implémentation Vue du fractionnement des numéros de téléphone mobile dans le didacticiel d'exemple de zone de saisie numérique

JS cliquez sur le menu déroulant pour sélectionner Méthode de mise en œuvre de synchronisation du contenu avec la zone de saisie

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
Article précédent：vue encapsule les plug-ins tiers et les publie sur des instances npmArticle suivant：vue encapsule les plug-ins tiers et les publie sur des instances npm

Articles Liés

Voir plus