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

小云云
Libérer: 2018-02-01 13:10:46
original
2205 Les gens l'ont consulté

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

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!

É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