Champ d'adresse
Collectez des adresses complètes avec précision et flexibilité. Des adresses internationales aux formats spécifiques à chaque pays grâce à des préréglages intelligents, des listes déroulantes d'État, la validation postale et la saisie semi-automatique, le champ Adresse offre une collecte de localisation exhaustive avec des mises en page optimisées et une compatibilité mondiale.
Collecte d'adresses professionnelles avec assistance mondiale
Parfait pour:
Des fonctionnalités puissantes pour chaque cas d'utilisation
🌍 Préréglages Smart Country
3 préréglages optimisés + Personnalisation :
- International – Champs d'adresse standard pour une utilisation internationale. Inclut tous les composants avec sélecteur de pays et validation flexible du code postal.
- États-Unis – Optimisé pour les adresses américaines avec une liste déroulante des 50 États, une validation du code postal et des libellés de champs familiers (État, Code postal).
- Canada – Adapté aux adresses canadiennes avec menu déroulant province/territoire, validation du format du code postal (A1A 1A1) et étiquetage approprié.
- Encadrement Sur Mesure – Contrôle total de chaque composant. Activez/désactivez n’importe quel champ, personnalisez les étiquettes, choisissez les règles de validation et créez des formats d’adresse parfaitement adaptés à vos besoins spécifiques.
Pourquoi les préréglages sont importants :
- Installation instantanée pour les régions courantes
- Étiquettes de champ appropriées par pays
- Règles de validation précises
- Les menus déroulants État/province étaient inclus.
- Vérification du format du code postal
Commutation facile :
Vous pouvez modifier les préréglages à tout moment lors de la création du formulaire. Chaque préréglage configure automatiquement tous les paramètres en conséquence.
📝 Composants d'adresse flexibles
Choisissez les champs à afficher :
Ligne d'adresse 1 – Adresse postale (toujours indiquée, obligatoire)
Adresse principale avec numéro et nom.
Ligne d'adresse 2 – Appartement, suite, unité (facultatif)
Détails d'adresse supplémentaires tels que « Appt 4B » ou « Suite 200 ».
Ville – Nom de la ville (toujours indiqué, obligatoire)
Nom de la ville, du village ou de la localité.
État/Province/Région – État, province, région (facultatif)
Division administrative – s'affiche sous forme de liste déroulante pour les États-Unis et le Canada, sous forme de champ de saisie pour les pays internationaux.
Code postal (facultatif)
Codes postaux, codes ZIP ou codes postaux avec validation spécifique au pays.
Pays – Sélection du pays (facultatif)
Menu déroulant contenant plus de 195 pays. Masquer pour les formulaires concernant un seul pays.
Organisation – Nom de l'entreprise (facultatif)
Nom de l'entreprise ou de l'organisation pour les adresses commerciales.
Match de mélanger:
Activez uniquement les composants dont vous avez besoin. Collectez simplement la rue et la ville, ou les adresses internationales complètes avec tous les détails.
🎯 Menus déroulants État/Province
Sélection précise de la région :
Menu déroulant des États américains :
Les 50 États, le district de Columbia, les territoires et les adresses militaires sont couverts. Les utilisateurs sélectionnent leur adresse dans un menu déroulant au lieu de la saisir manuellement, ce qui garantit la cohérence des données.
Provinces canadiennes :
Les 10 provinces et les 3 territoires sont présentés avec leurs abréviations correctes. Un menu déroulant permet de corriger les fautes d'orthographe et les variations.
Pourquoi utiliser des menus déroulants ?
- Format de données cohérent (abréviations)
- Aucune faute d'orthographe
- Traitement des données simplifié
- Apparence professionnelle
- Meilleure expérience utilisateur
Alternative à la saisie de texte :
Pour les adresses internationales ou les régions personnalisées, le champ s'affiche sous forme de champ de saisie de texte acceptant n'importe quel nom de région.
📏 Deux modes d'adressage
Mode structuré (par défaut) :
Plusieurs champs de saisie distincts sont prévus pour chaque élément de l'adresse. Les utilisateurs renseignent la rue, la ville, l'état et le code postal dans des champs dédiés.
Avantages:
- Mise en page claire et familière
- Validation individuelle des champs
- Facile à compléter
- La saisie automatique du navigateur fonctionne parfaitement
- Apparence professionnelle
Mode à une ligne :
Saisie de texte unique où les utilisateurs saisissent l'adresse complète. Le système analyse l'adresse côté serveur et la décompose en ses composants.
Avantages:
- Méthode d'entrée la plus rapide
- Compatible avec le copier-coller
- Empreinte au sol minimale
- Idéal pour les adresses simples
Cas d'utilisation:
StructuréCommerce électronique, expédition, formulaires officiels
Une ligneFormulaires de contact rapides, soumissions informelles
🎨 Deux styles de mise en page
Disposition empilée (verticale) :
Les champs d'adresse apparaissent un par ligne, empilés verticalement. Mise en page la plus classique et la plus lisible.
Meilleur pour:
- Formulaires conçus pour les mobiles
- Formulaires longs avec de nombreux champs
- Lisibilité maximale
- Espacement adapté au toucher
Mise en page en ligne (horizontale) :
Les champs d'adresse sont disposés horizontalement : ville, état/province et code postal figurent sur la même ligne. Présentation compacte et professionnelle.
Meilleur pour:
- Formulaires optimisés pour ordinateur
- Conception de forme compacte
- Candidatures professionnelles
- Dispositions multicolonnes
Comportement réactif :
Les deux mises en page s'adaptent automatiquement aux écrans mobiles, s'empilant si nécessaire pour une expérience mobile optimale.
🌐 Plus de 195 pays pris en charge
Liste exhaustive des pays :
Liste déroulante complète avec tous les pays du monde – de l'Afghanistan au Zimbabwe, y compris tous les territoires et régions.
Caractéristiques du pays :
- Noms complets des pays
- codes pays ISO
- Trié par ordre alphabétique
- Menu déroulant de recherche
- paramètre de pays par défaut
Masquer le champ Pays :
Pour les entreprises opérant dans un seul pays, masquez le champ « pays » et définissez un pays par défaut. Les utilisateurs ne le verront jamais, mais les données incluront automatiquement le pays.
Mises à jour dynamiques des étiquettes :
Lorsque le pays change, les libellés des champs se mettent à jour automatiquement (État vs Province vs Région, Code postal vs ZIP).
✅ Validation intelligente du code postal
Validation spécifique au pays :
Codes postaux américains :
Valide les formats à 5 chiffres (12345) ou à 9 chiffres (12345-6789). Garantit la conformité de la structure des codes postaux américains.
Codes postaux canadiens :
Valide le format A1A 1A1 avec un schéma lettre-chiffre-lettre et un espacement corrects.
Codes postaux du Royaume-Uni :
Valide différents formats de codes postaux britanniques (SW1A 1AA, M1 1AA, etc.) avec une structure appropriée.
Internationales:
Validation flexible permettant différents formats de codes postaux dans le monde entier.
Effacer les messages d'erreur :
Les utilisateurs voient immédiatement des erreurs de validation spécifiques telles que « Veuillez saisir un code postal valide (12345 ou 12345-6789) ».
🔄 Intégration de la saisie semi-automatique du navigateur
Prise en charge du navigateur natif :
Les champs d'adresse intègrent les attributs d'autocomplétion HTML5 appropriés. Les navigateurs suggèrent automatiquement les adresses enregistrées.
Fonctionnalités de saisie automatique :
- Suggestions d'adresses
- Remplissage automatique de la ville
- État/province achèvement
- Suggestions de codes postaux
- Sélection de pays
- Noms d'organisation
Respectueux de la vie privée :
Les utilisateurs peuvent choisir si leur navigateur enregistre leur adresse. Ce formulaire respecte les paramètres de confidentialité du navigateur.
Achèvement plus rapide :
Les utilisateurs réguliers remplissent les adresses en quelques secondes en les sélectionnant parmi les adresses enregistrées.
🔀 Logique conditionnelle
Affichage dynamique de l'adresse :
Afficher ou masquer les champs d'adresse en fonction des autres valeurs du formulaire. Afficher l'adresse de livraison uniquement lorsque nécessaire, et l'adresse de facturation de manière conditionnelle.
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 « Adresse de livraison » uniquement si la case « Identique à l'adresse de facturation » n'est pas cochée.
- Afficher « Adresse professionnelle » lorsque le type de client est « Professionnel ».
- Afficher l’« adresse secondaire » lorsque le type de service requiert plusieurs emplacements
- Masquer « Adresse internationale » lorsque le pays est identique au pays d’origine
🎯 Expérience utilisateur améliorée
Fonctionnalités intelligentes intégrées :
- Indicateurs de champs obligatoires – Astérisques sur les champs obligatoires
- Validation sur le terrain – Retour d'information instantané par composant
- Texte d'espace réservé – Conseils utiles dans chaque champ
- Navigation par onglets – Progression des champs adaptée au clavier
- Classes CSS personnalisées – Appliquer un style au conteneur d'adresse
- Assistance à l'accessibilité – Étiquettes ARIA, compatible avec les lecteurs d'écran
- Optimisé pour mobile – Compatible tactile avec des claviers adaptés
- Prise en charge du copier-coller – Les adresses complètes sont analysées automatiquement (mode sur une seule ligne)
- Texte d'aide – Ajouter des descriptions pour les exigences d'adresse
- Personnalisation des étiquettes – Modifiez le texte des étiquettes de n'importe quel champ
Installation simple en 3 étapes
Préparez votre champ Adresse en quelques minutes
Ajouter un champ d'adresse
Faites glisser le champ Adresse depuis la section Champs avancés et déposez-le dans votre formulaire.
Choisissez un préréglage
Sélectionnez un préréglage (International, États-Unis, Canada ou Personnalisé) en fonction de la localisation principale de votre public.
Configurer les composants
Activez/désactivez des éléments spécifiques de l'adresse (ligne d'adresse 2, pays, organisation), choisissez le style de mise en page (empilé ou en ligne) et définissez le pays par défaut si nécessaire.
🎉 Et voilà ! Votre champ d'adresse est prêt avec une validation intelligente et une prise en charge globale.
Applications du monde réel
Commerce électronique et expédition
* Collecte des adresses de livraison
* Saisie de l'adresse de facturation
* Gestion d'adresses multiples
* Données de localisation de livraison
Demandes d'éducation
* Informations sur les résidences étudiantes
* Collecte des adresses des parents
* Données d'adresse du campus
* Adresses de contact des anciens élèves
Soins de santé et services
* Informations sur l'adresse du patient
* Données de localisation du service
* Adresses de visite à domicile
* Adresses de livraison
Gouvernement et droit
* Collecte des adresses officielles
* Vérification de résidence
* Données d'adresse du bien
* Soumission de documents juridiques
Inscription à la clientèle
* Adresses d'enregistrement de compte
* Données de géolocalisation du profil
* Informations de contact
Collecte des adresses postales
Enregistrement d'entreprise
* Adresse du siège social de l'entreprise
* Informations sur l'emplacement de la succursale
* Collecte des adresses de bureaux
* Formulaires de licence commerciale
Options complètes pour le terrain
Configuration de base
- Étiquette du champ – Le titre affiché au-dessus du champ d'adresse
- Description/Texte d'aide – Informations complémentaires concernant les exigences relatives à l'adresse
- Champ obligatoire – Rendre la saisie de l'adresse obligatoire
- Espace réservé – Indications pour les composants individuels d'une adresse
Préréglage d'adresse
- Choisissez une configuration optimisée :
- International – Champs standard pour une utilisation mondiale
- États-Unis – Optimisé pour les États-Unis avec menu déroulant des États
- Canada – Optimisé pour le Canada avec menu déroulant des provinces
- Personnalisé – Contrôle total de tous les paramètres
Composants d'adresse (paramètres prédéfinis personnalisés ou paramètres avancés)
Quelles parties de l'adresse inclure :
- Ligne d'adresse 1 – Adresse postale (toujours indiquée, obligatoire)
- Ligne d'adresse 2 – Appt/Suite/Unité (facultatif)
- Ville – Nom de la ville (toujours indiqué, obligatoire)
- État/Province/Région – Division administrative (facultatif)
- Code postal (facultatif)
- Pays – Sélection du pays (facultatif)
- Organisation – Nom de l’entreprise/de l’organisation (facultatif)
Options d'État/de province
Utiliser le menu déroulant État – Afficher un menu déroulant au lieu d'un champ de saisie de texte (les préréglages États-Unis/Canada s'activent automatiquement)
Paramètres du pays
- Afficher le champ Pays – Afficher le sélecteur de pays
- Pays par défaut – Présélectionnez un pays spécifique
- Pays autorisés – Limiter à certains pays (laisser vide pour les 195 pays et plus)
Mode adresse
- Structuré – Plusieurs champs de saisie (recommandé)
- Saisie de texte unique sur une seule ligne avec analyse syntaxique
Disposition des champs (mode structuré uniquement)
- Empilé – Disposition verticale, un champ par ligne
- En ligne – Disposition horizontale, design compact
Personnalisation des étiquettes
- Personnalisez le texte de chaque composant :
- Étiquette de la ligne d'adresse 1 (par défaut : « Ligne d'adresse 1 »)
- Étiquette de la ligne d'adresse 2 (par défaut : « Ligne d'adresse 2 »)
- Étiquette de la ville (par défaut : « Ville »)
- Étiquette de l'État (par défaut : « État » ou « Province »)
- Étiquette postale (par défaut : « Code postal »)
- Étiquette du pays (par défaut : « Pays »)
- Étiquette de l'organisation (par défaut : « Société/Organisation »)
Paramètres de validation
- Validation des codes postaux – Vérification du format spécifique à chaque pays
- Éléments obligatoires – Indiquez les champs obligatoires.
- Saisie semi-automatique du navigateur – Activer les suggestions d'adresses natives du navigateur
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é au conteneur d'adresse
- Attributs d'accessibilité – Étiquettes ARIA pour les lecteurs d'écran
- Ordre des champs – Réorganiser les composants d'adresse (préréglage personnalisé)
Pourquoi choisir notre champ Adresse ?
✅Préréglages intelligents – Configurations optimisées pour l'international, les États-Unis et le Canada
✅Composants flexibles – Activer/désactiver toute partie de l'adresse
✅Menus déroulants d'état – 50 États américains, 13 provinces/territoires canadiens
✅Assistance globale
– Plus de 195 pays avec des étiquettes appropriées
✅Validation postale – Vérification du format spécifique au pays
✅Deux modes – Champs structurés ou saisie sur une seule ligne
✅Deux agencements – Agencements empilés ou alignés
✅Complétion automatique prête – Les suggestions d'adresses du navigateur fonctionnent parfaitement
✅Entièrement synchronisé – Fonctionne parfaitement avec toutes les fonctionnalités du formulaire
Questions fréquemment posées
Q : Quelle est la différence entre les préréglages ?
La version internationale fonctionne dans le monde entier grâce à un sélecteur de pays. Le préréglage « États-Unis » optimise les adresses américaines avec une liste déroulante des 50 États et une validation du code postal. Le préréglage « Canada » inclut une liste déroulante des provinces et des règles relatives aux codes postaux canadiens. L’option « Personnalisé » offre un contrôle total.
Q : Puis-je masquer le champ pays ?
Oui. Pour une utilisation dans un seul pays, désactivez l'option « Afficher le pays » et choisissez un pays par défaut. Les utilisateurs ne le verront pas, mais les données soumises incluront tout de même le pays automatiquement.
Q : Comment fonctionnent les listes déroulantes d'état ?
Les préréglages États-Unis et Canada proposent une liste déroulante complète des États et provinces. Le mode international utilise des champs de saisie de texte standard permettant aux utilisateurs de saisir librement les noms de régions.
Q : Qu'est-ce que le mode sur une seule ligne ?
Il remplace tous les éléments d'une adresse par un seul champ texte où l'utilisateur saisit l'adresse complète. Le système la décompose ensuite en ses différents éléments côté serveur.
Q : Puis-je rendre certains champs facultatifs ?
Oui. Dans les paramètres personnalisés ou avancés, choisissez les champs obligatoires et facultatifs. L'adresse (ligne 1) et la ville restent toujours obligatoires.
Q : Comment fonctionne la validation du code postal ?
Le système valide les formats en fonction du pays sélectionné. Les codes postaux américains nécessitent 5 ou 9 chiffres, les codes canadiens suivent le format A1A 1A1 et les codes postaux britanniques sont conformes aux normes britanniques.
Q : Puis-je personnaliser les étiquettes des champs ?
Oui. Renommez les étiquettes pour qu'elles correspondent à votre région ; par exemple, remplacez « code postal » par « code postal » ou « état » par « province ».
Q : Quels pays sont pris en charge ?
Plus de 195 pays, territoires et régions compris, avec leurs noms exacts et leurs codes ISO.
Q : La fonction de saisie automatique du navigateur fonctionne-t-elle ?
Oui. Les attributs de saisie automatique appropriés sont inclus afin que les navigateurs puissent suggérer automatiquement les adresses enregistrées.
Q : Puis-je collecter plusieurs adresses ?
Oui. Ajoutez plusieurs champs d'adresse, comme les champs de facturation et de livraison. Utilisez une logique conditionnelle pour les afficher ou les masquer selon les besoins.
Q : Comment puis-je passer d'une disposition empilée à une disposition en ligne ?
Sélectionnez « Disposition des champs » et choisissez « En ligne » pour un placement horizontal ou « Empilé » pour un placement vertical. Les deux options s’adaptent aux appareils mobiles.
Q : Puis-je utiliser cela pour des affaires internationales ?
Oui. Le préréglage international prend en charge tous les pays et la validation s'adapte automatiquement en fonction du pays sélectionné.
