Aller au contenu

Formulaire en plusieurs étapes

Une prise de rendez-vous découpée en trois étapes, avec indicateur de progression.

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

Description

Chaque étape est un fieldset dont la légende reçoit le focus au changement, pour que les lecteurs d'écran annoncent la nouvelle étape. L'étape courante est marquée par aria-current="step", les champs obligatoires sont vérifiés avant de continuer et l'on peut revenir en arrière sans perdre sa saisie.

Code

Chargement du code…

Contenu de l'archive

formulaire-etapes-html-tailwind.zip3 fichiers · 4 Ko

  • index.html9 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
Formulaire en plusieurs étapes | Forge