Aller au contenu

Champ de recherche à suggestions

Un champ qui propose des suggestions au fil de la saisie, navigables au clavier.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Implémente le motif ARIA « combobox » avec liste de suggestions : les flèches parcourent les propositions, Entrée valide, Échap ferme, et le nombre de suggestions est annoncé. La comparaison ignore accents et majuscules (« orleans » trouve « Orléans »). Remplacez la liste de villes par vos propres données.

Code

Chargement du code…

Contenu de l'archive

champ-recherche-suggestions-html-tailwind.zip3 fichiers · 4 Ko

  • index.html5 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Un formulaire de prise de rendez-vous : motif, jour avec le sélecteur de date natif, créneaux du matin et de l'après-midi en boutons radio, créneaux complets barrés et résumé du choix.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Zone de dépôt de fichiers

    Bientôt disponible

    Un champ de téléversement qui accepte le glisser-déposer et liste les fichiers choisis.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une liste de réglages activables par interrupteurs, avec description de chaque option.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une prise de rendez-vous découpée en trois étapes, avec indicateur de progression.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
Champ de recherche à suggestions | Forge