Carte cadeau personnalisée
Un formulaire de carte cadeau : montant prédéfini ou libre, motif, destinataire, message et date d'envoi, avec un aperçu de la carte mis à jour en direct.
- Tailwind
- React
- CSS
- WordPress
Description
Les montants et les motifs sont de vrais boutons radio, utilisables au clavier avec les flèches ; le montant libre accepte un nombre entier de 10 à 300 €. Chaque champ obligatoire est vérifié à l'envoi, l'erreur est liée au champ par aria-describedby et le focus revient sur le premier champ à corriger. La date d'envoi est limitée à l'année qui vient, le compteur de caractères suit le message et l'aperçu reprend le motif, le montant et les textes saisis. Sans JavaScript, le formulaire reste utilisable avec la validation du navigateur. Branchez l'envoi sur votre panier.
Code
Chargement du code…
Contenu de l'archive
carte-cadeau-personnalisee-html-tailwind.zip3 fichiers · 8 Ko
- index.html23 Ko
- README.md3 Ko
- LICENSE.md1 Ko
Mots-clés
Mis à jour le 16 octobre 2026.
Dans le même esprit
Panier avec quantités
GratuitLa page panier complète : quantités modifiables au clavier, retrait annulable, code promo, jauge de livraison offerte et totaux recalculés puis annoncés.
- Tailwind
- React
- CSS
- WordPress
Un panneau de filtres à facettes pour un catalogue : catégorie, prix, taille, couleur et stock, avec compteur de résultats, puces des filtres actifs, tri et tiroir sur mobile.
- Tailwind
- React
- CSS
- WordPress
Récapitulatif de commande
GratuitLe résumé du panier avant paiement : articles avec vignette et quantité, jauge de livraison offerte, code promo et total recalculé à chaque changement.
- Tailwind
- React
- CSS
- WordPress
Fiche produit
GratuitUne fiche produit complète : vues du produit, couleurs et contenances en boutons radio, sélecteur de quantité et ajout au panier annoncé.
- Tailwind
- React
- CSS
- WordPress