Aller au contenu
Forge

Champs à libellé flottant

Des champs dont le libellé se loge au-dessus de la saisie, en CSS pur.

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

Description

Le libellé reste un vrai label relié au champ : il occupe la place du texte d'exemple, puis remonte dès que le champ reçoit le focus ou contient une valeur, sans aucun script. Le contraste du libellé reste conforme dans les deux positions.

Code

Chargement du code…

Contenu de l'archive

champs-libelle-flottant-html-tailwind.zip3 fichiers · 3 Ko

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

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Réservation de créneaux

    Gratuit

    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

  • Interrupteurs de préférences

    Gratuit

    Une liste de réglages activables par interrupteurs, avec description de chaque option.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Formulaire en plusieurs étapes

    Bientôt disponible

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

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
Champs à libellé flottant | Forge