Champ de saisie de texte
Collectez du texte avec précision et flexibilité. Des noms simples aux modèles complexes, avec validation intégrée, mise en forme intelligente et personnalisation avancée, le champ de saisie de texte s'adapte à tous les cas d'utilisation grâce à des limites de caractères, une mise en forme automatique et des modes de mot de passe sécurisés.
Les fondements de chaque formulaire WordPress
Parfait pour:
Des fonctionnalités puissantes pour chaque cas d'utilisation
📏 Contrôle intelligent de la longueur
Limites minimales et maximales de caractères
Définissez les limites de longueur des champs de texte autorisés. Empêchez les soumissions trop courtes ou trop longues grâce à la validation intégrée du navigateur.
Validation en temps réel
Les utilisateurs reçoivent un retour immédiat si leur contribution ne respecte pas les exigences de longueur – aucune surprise après la soumission.
Exemples :
- Nom d'utilisateur : 3 à 20 caractères
- Code postal : 5 à 10 caractères
- Nom : 2 à 50 caractères
- Commentaire : 500 caractères maximum
Pourquoi c'est important:
Contrôler la qualité des données, prévenir le spam, garantir la compatibilité des bases de données et guider les utilisateurs afin qu'ils fournissent la quantité d'informations appropriée.
✅ Modèles de validation intégrés
6 types de validation préconfigurés :
- 1. Aucun – Accepter n'importe quel texte (par défaut)
2. Courriel – Valide le format correct du courriel ([email protected])
3. URL – Exige une adresse web valide (https://example.com)
4. Lettres seulement – Uniquement des caractères alphabétiques et des espaces (John Doe)
5. Chiffres uniquement – Uniquement des chiffres (123456)
6. Alphanumérique – Lettres et chiffres, sans caractères spéciaux (User123)
Motifs personnalisés supplémentaires :
- Définissez votre propre validation par expression régulière pour les formats spécialisés tels que :
- Plaques d'immatriculation : `^[AZ]{3}[0-9]{4}$`
- Codes produits : `^[AZ]{2}[0-9]{6}$`
- Des formats personnalisés propres à votre entreprise
Rétroaction instantanée:
Les utilisateurs voient des messages d'erreur clairs si leurs données saisies ne correspondent pas au format requis.
✂️ Suppression automatique des espaces blancs
Nettoyage automatique des données
Supprimez les espaces superflus en début et en fin de texte. Par exemple, écrivez « John » au lieu de « John ».
Cas d'utilisation:
- Adresses e-mail (sans espaces à la fin)
- Noms d'utilisateur (sans espaces en début de nom)
- Codes de référence (correspondances exactes)
- Tout domaine où la précision compte
Avantages :
Réduit les erreurs des utilisateurs, améliore la cohérence des données, prévient les problèmes de validation et simplifie la mise en correspondance et la recherche.
🔒 Mode mot de passe
Masquage sécurisé des entrées
Transformez n'importe quel champ de texte en champ de mot de passe. Les caractères apparaissent sous forme de points (•••) afin de protéger les informations sensibles contre les regards indiscrets.
Idéal pour :
- Saisie des mots de passe et des codes PIN
- Codes et jetons de sécurité
- Numéros d'identification confidentiels
- Codes d'authentification à deux facteurs
Comportement intelligent :
Le mode mot de passe désactive automatiquement les fonctionnalités conflictuelles telles que la transformation de texte et les types de saisie spéciaux afin de garantir la sécurité.
📱 Types d'entrées intelligentes
Optimisé pour appareils mobiles et ordinateurs :
- Texte normal – Saisie de texte standard pour une utilisation générale
- Recherche – Comprend un bouton d'effacement intégré (X) pour une réinitialisation rapide
- Téléphone – Active le clavier numérique des appareils mobiles pour faciliter la saisie du numéro de téléphone
- URL – Affiche un clavier mobile spécialisé avec des raccourcis .com et .org
Pourquoi c'est important:
Le type de saisie approprié accélère la saisie de données sur mobile, réduit les erreurs et améliore l'expérience utilisateur sur tous les appareils.
🎨 Transformation automatique de texte
Format du texte au fur et à mesure de la saisie :
- Aucune transformation – Le texte reste exactement tel qu'il a été saisi.
- MAJUSCULES – Convertit tout le texte en majuscules (JOHN DOE)
- minuscules – Convertit tout le texte en minuscules (john doe)
- Majuscule à la première lettre – Seule la première lettre est en majuscule (John Doe)
- Majuscules initiales – Première lettre de chaque mot (John Doe)
Idéal pour :
- MAJUSCULES : Plaques d'immatriculation, codes d'État, identifiants de produits
- minuscules : adresses e-mail, noms d’utilisateur
- Majuscules : début de phrase, noms propres
- Titres en majuscules : Noms complets, adresses, titres
Comportement intelligent :
La transformation s'effectue automatiquement lors de la soumission, tandis que les utilisateurs voient leur saisie originale.
🙈 Mode Champ Caché
Champs de données invisibles
Créez des champs invisibles pour les utilisateurs, mais qui permettent de soumettre des données via le formulaire. Idéal pour le suivi, les codes de parrainage et les valeurs système.
Cas d'utilisation:
- Paramètres de suivi UTM
- Identifiants des sources de référence
- Numéros de version du formulaire
- Marqueurs d'horodatage
- Métadonnées cachées
Comment ça fonctionne
Définissez la « Valeur cachée » et elle sera automatiquement incluse dans chaque soumission de formulaire sans encombrer l'interface utilisateur de votre formulaire.
🔀 Logique conditionnelle
Visibilité du champ dynamique
Afficher ou masquer les champs de texte en fonction des autres valeurs du formulaire. Créer des formulaires intelligents qui s'adaptent aux saisies de l'utilisateur.
Règles de logique avancée :
- Logique ET – Toutes les conditions doivent être remplies
- Logique OU – Toute condition peut déclencher l'action
- 8 opérateurs : égal, différent de, supérieur à, inférieur à, contient, est vide, et plus encore.
Cas d'utilisation:
- Afficher le « Nom de l'entreprise » uniquement lorsque le type d'utilisateur est égal à « Professionnel ».
- Afficher « Source de recommandation » lorsque la question « Comment avez-vous entendu parler de nous ? » contient « Recommandation ».
- Masquer « Autres détails » lorsque l’option principale n’est pas vide.
- Afficher le « code promo » lorsque la valeur de la commande est supérieure à 100 $
🎯 Expérience utilisateur améliorée
Fonctionnalités intelligentes intégrées :
- Valeurs par défaut – Préremplir les champs pour accélérer le remplissage
- Texte d'espace réservé – Afficher des conseils utiles avant que les utilisateurs ne saisissent du texte
- Texte d'aide – Ajoutez des descriptions pour préciser ce qu'il faut saisir.
- Validation obligatoire – Rendez les champs obligatoires avec des indicateurs clairs.
- Classes CSS personnalisées – Appliquez un style personnalisé qui correspond à votre marque
- Assistance à l'accessibilité – Étiquettes ARIA pour les lecteurs d'écran
- Optimisé pour les appareils mobiles – Saisie tactile avec claviers adaptés
Installation simple en 3 étapes
Préparez votre champ de saisie de texte en quelques minutes.
Ajouter le champ de texte
Faites glisser et déposez le champ de saisie de texte depuis la section Champs de base dans votre formulaire.
Définir la validation et les limites
Choisissez le type de validation (e-mail, URL, lettres, etc.), définissez les limites minimales et maximales de caractères et activez éventuellement le mode mot de passe ou la suppression des espaces.
Configurer la mise en forme
Sélectionnez le type de saisie pour l'optimisation mobile, choisissez la transformation du texte (majuscules, minuscules, etc.) et définissez des valeurs par défaut ou des espaces réservés.
🎉 Et voilà ! Votre champ de texte est prêt avec une validation et une mise en forme intelligentes.
Applications du monde réel
INSCRIVEZ-VOUS
* Champs de nom d'utilisateur avec limites de longueur
* Saisie des mots de passe avec masquage
* Champs de nom avec mise en forme en majuscules
* Adresses e-mail validées
Formulaires de contact
Nom complet avec majuscules en majuscules
* Validation de l'e-mail
* Numéros de téléphone avec saisie de téléphone
* Champs de message/commentaire
E-Commerce
* Saisie du code promotionnel (en majuscules)
* Champs de message cadeau
* Instructions spéciales
* Notes d'expédition
applications commerciales
* Numéros d'identification des employés
* Noms des départements
* Numéros de référence
* Codes internes
Demandes et inscription
* Numéros de licence
* Codes de certification
* Identifiants de membre
* Identifiants personnalisés
Recherche et filtrage
* Saisie de recherche avec bouton d'effacement
* Filtrer les champs de texte
* Entrées par mots clés
* Entrées de requête
Options complètes pour le terrain
Configuration de base
- Étiquette du champ – Le titre affiché au-dessus du champ de texte
- Description/Texte d'aide – Conseils supplémentaires pour les utilisateurs
- Champ obligatoire – Rendre la saisie de texte obligatoire
- Texte d'espace réservé – Texte d'aide avant la saisie de l'utilisateur
Validation de la longueur
- Longueur minimale – Nombre minimal de caractères autorisés (validation)
- Longueur maximale – Nombre maximal de caractères autorisé (limite stricte)
Les valeurs par défaut
- Valeur par défaut – Texte prérempli au chargement du formulaire
- Valeur cachée – Valeur des champs cachés (lorsque le mode caché est activé)
Sécurité et confidentialité
- Champ Mot de passe – Masquer la saisie comme mot de passe (affiche des points •••)
Champ caché – Rendre le champ invisible mais l'inclure dans les soumissions
Qualité des données
Supprimer les espaces superflus – Supprime automatiquement les espaces en début et en fin de page
Règles de validation
- Type de validation
- Aucun (n'importe quel texte)
- Email ([email protected])
- URL (https://example.com)
- Lettres seulement (AZ seulement)
- Chiffres uniquement (0 à 9 seulement)
- Alphanumérique (AZ et 0-9)
- Modèle personnalisé (regex)
- Modèle personnalisé – Expression régulière pour la validation personnalisée (lorsque « Personnalisé » est sélectionné)
Types d'entrée
- Type d'entrée
- Texte Normal
- Recherche (avec bouton effacer)
- Téléphone (clavier numérique sur mobile)
- URL (clavier mobile spécialisé)
Formatage du texte
- Transformation de texte
- Aucune transformation
- MAJUSCULE
- minuscule
- Majuscule à la première lettre
- Cas du titre
logique conditionnelle
- Activer la logique conditionnelle – Afficher/masquer selon les conditions
- Type de logique
- Toutes les conditions doivent être remplies (ET)
- Toute condition peut être remplie (OU)
- Règles de condition
- Afficher/Masquer – Action à entreprendre
- Champ – Quel champ vérifier
- Opérateur – Égal à, Différent de, Contient, Supérieur à, Inférieur à, Est vide, N'est pas vide
- Valeur – Valeur comparative
- Conditions multiples – Ajoutez un nombre illimité de règles
options avancées
- Classes CSS personnalisées – Appliquer un style personnalisé
- Attributs d'accessibilité – Étiquettes et descriptions ARIA
Pourquoi choisir notre champ de saisie de texte ?
✅ Polyvalent – Fonctionne avec les noms, les codes, les mots de passe et tout le reste.
✅ Validation intelligente – Plus de 6 modèles de validation et expressions régulières personnalisées
✅ Optimisé pour mobile – Claviers adaptés à chaque type de saisie
✅ Mise en forme automatique – La transformation du texte s'effectue automatiquement
✅ Sécurisé – Le mode mot de passe protège les informations sensibles
✅ Données propres – La suppression des espaces blancs évite les erreurs courantes
✅ Flexible – Champs cachés, valeurs par défaut, logique conditionnelle
✅ Convivial – Des messages de validation clairs guident les utilisateurs
✅ Entièrement intégré – Fonctionne parfaitement avec toutes les fonctionnalités du formulaire
Questions fréquemment posées
Q : Quelle est la différence entre la longueur min/max et la validation ?
La longueur minimale et maximale détermine le nombre de caractères autorisés. La validation détermine quels caractères sont autorisés, par exemple uniquement des lettres, uniquement des chiffres ou le format d'une adresse e-mail.
Q : Puis-je valider à la fois la longueur ET le format ?
Oui. Combinez la longueur minimale et maximale avec les règles de validation. Par exemple, définissez une longueur minimale de 3 caractères, une longueur maximale de 15 caractères et une validation alphanumérique pour un champ nom d'utilisateur.
Q : Comment fonctionne le mode mot de passe ?
Le mode mot de passe masque les caractères avec des points, comme les champs de mot de passe classiques sur les écrans de connexion.
Q : À quoi sert la fonction « supprimer les espaces blancs » ?
Il supprime les espaces de début et de fin avant la soumission afin que les espaces accidentels n'entraînent pas de problèmes de validation.
Q : Puis-je créer des modèles de validation personnalisés ?
Oui. Utilisez « Modèle personnalisé » et ajoutez une expression régulière pour imposer la structure souhaitée.
Q : Comment fonctionnent les transformations de texte ?
L'utilisateur saisit son texte normalement, et le système le transforme lors de la soumission, par exemple en le convertissant en majuscules ou en minuscules.
Q : À quoi sert le type de champ de recherche ?
Il ajoute un bouton d'effacement intégré (X) permettant aux utilisateurs de réinitialiser instantanément le champ pendant la recherche.
Q : Pourquoi utiliser le type d’entrée « tel » ?
Sur mobile, il ouvre un clavier numérique pour faciliter la saisie de chiffres comme sur un téléphone.
Q : Puis-je utiliser la logique conditionnelle avec les champs de texte ?
Oui. Des conditions comme « Contient », « Est égal à » ou « Est vide » vous permettent d'afficher ou de masquer des champs en fonction des données saisies par l'utilisateur.
Q : À quoi servent les champs cachés ?
Ils stockent des données sans être visibles pour l'utilisateur, ce qui est utile pour le suivi des métadonnées telles que les balises UTM ou les sources de référence.
Q : Peut-on utiliser des champs de texte pour des nombres ?
Oui, mais utilisez le champ Nombre pour les calculs ou la validation numérique. Utilisez le champ Texte avec l'option « Nombres uniquement » pour les codes ou les identifiants qui ne doivent pas être traités comme des nombres.
Q : Quel est le degré de précision maximal des expressions régulières ?
Les expressions régulières permettent d'imposer des modèles extrêmement précis. Utilisez un testeur d'expressions régulières si vous devez créer ou vérifier des modèles complexes.
