Comment utiliser : Générateur de menu select
- Choisissez une liste : pays, États américains, provinces canadiennes, langues, devises, fuseaux horaires, indicatifs téléphoniques, mois, jours de la semaine, années, une plage de nombres ou vos propres options.
- Définissez le libellé (par exemple drapeau + nom), la valeur de l’option (un code ISO est idéal pour les formulaires), l’ordre, la langue des libellés et, si besoin, des groupes.
- Ajoutez un placeholder, une valeur présélectionnée, un
nameet unid, puis choisissez s’il est obligatoire ou s’il s’agit d’une datalist avec recherche. - Choisissez le format de sortie — HTML, React, Vue, JSON, CSV ou PHP — puis copiez-le ou téléchargez-le.
De bonnes listes déroulantes pour vos formulaires
- Utilisez des codes comme valeurs. Enregistrez
US,deouEURplutôt que le libellé affiché : les libellés changent avec les traductions, pas les codes. - Ajoutez un placeholder sous forme de première option désactivée, et rendez le champ
requiredpour empêcher l’envoi du placeholder. - Facilitez les longues listes. Placez les choix les plus fréquents en premier, regroupez-les avec
<optgroup>ou utilisez une<datalist>avec recherche. - Configurez l’autocomplétion. Les champs pays reçoivent
autocomplete="country"(oucountry-namelorsque la valeur est le nom) pour que les navigateurs les remplissent automatiquement.
D’où viennent les données
Les codes de pays et de régions suivent la norme ISO 3166-1, les langues la norme ISO 639-1, les devises la norme ISO 4217 et les fuseaux horaires la base IANA. Les noms sont générés grâce aux fonctions d’internationalisation de votre navigateur : ils sont donc exacts et disponibles dans des dizaines de langues. Les indicatifs téléphoniques suivent les codes d’appel pays de l’UIT.
Dans Webflow, collez le HTML dans un élément Embed à l’intérieur de votre formulaire : le champ sera envoyé avec le formulaire, comme les autres. Voir aussi : Générateur de tableau HTML, JSON vers TypeScript.
Aussi recherché comme : générateur select html, générateur de liste déroulante, liste déroulante pays html, générateur options select, liste déroulante états html, liste déroulante langues, liste déroulante fuseau horaire, dropdown html.
Outils complémentaires : Générateur de menu select
- CSV et Excel vers tableau HTML — Collez vos cellules de tableur, votre CSV ou votre JSON pour obtenir un balisage de tableau HTML sémantique et échappé, avec un style prêt à l'emploi facultatif et un aperçu en direct.
- Formateur HTML — Collez du balisage minifié ou désordonné et obtenez un HTML propre, indenté de manière cohérente, y compris les blocs <style> et <script> intégrés.
- Convertisseur HTML vers JSX — Collez du HTML (extrait, gabarit ou icône SVG) et obtenez du JSX prêt à intégrer dans un composant React : className, htmlFor, objets style, attributs en camelCase et balises auto-fermées.
- Générateur de données factices — Créez jusqu'à 10 000 lignes de données de test réalistes — utilisateurs, produits, commandes, adresses, entreprises ou enregistrements API imbriqués — ou élaborez votre propre schéma.
Questions fréquentes
Comment créer une liste déroulante des pays en HTML ?
Choisissez Pays, définissez le libellé et la valeur (les codes ISO sont idéaux), ajoutez un placeholder puis copiez le
La valeur de l’option doit-elle être le code ou le nom ?
Le code. Les codes ISO comme US ou DE restent identiques dans toutes les langues et sont ce qu’attendent la plupart des API et des bases de données ; vous pouvez toujours afficher le nom comme libellé.
Comment créer une liste déroulante avec recherche sans JavaScript ?
Cochez Avec recherche : la sortie devient un associé à une
Puis-je obtenir la liste dans une autre langue ?
Oui. Les noms de pays, de langues, de devises, de mois et de jours proviennent des traductions intégrées à votre navigateur. Choisissez la langue des libellés et toute la liste est traduite et triée en conséquence.
Quels formats puis-je exporter ?
Un
Puis-je installer Générateur de menu select en tant qu’application web et l’utiliser hors ligne ?
Oui. Générateur de menu select est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.