Aller au contenu

Formulaires et champs : composants HTML, React et WordPress

Formulaires et champs avec libellés, messages d'erreur annoncés et validation qui aide sans bloquer.9 composants (formulaires et champs) accessibles et responsive, à intégrer dans votre site : HTML + Tailwind, React, CSS pur et bloc WordPress.

Les 9 ressources

  • 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
  • Un formulaire de connexion compact avec affichage du mot de passe et lien de récupération.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Des champs dont le libellé se loge au-dessus de la saisie, en CSS pur.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un champ qui propose des suggestions au fil de la saisie, navigables au clavier.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Des boutons radio présentés en cartes sélectionnables, pour choisir une formule ou une option.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant