devpack
EnglishDeutsch · StartseiteFrançais · AccueilEspañol · InicioPortuguês (Brasil) · Início
Website-Check

Diese Seite ist noch nicht auf Deutsch verfügbar, daher zeigen wir die englische Version.

Language Dropdown — HTML Select List of Languages

Build a language <select> with ISO 639-1 codes as values and labels in English, in any other language, or in each language’s own name (Deutsch, Español, 日本語) — the best choice for a site language switcher.

Aktualisiert am

Preview


  

  


    
 Deine Daten verlassen nie deinen Computer. Die Verarbeitung erfolgt zu 100 % lokal im Browser.

    
    
    

      
So nutzt du: Language Dropdown
  1. The page starts with Languages. Choose the label: the name in the page language, or the native name.
  2. Pin the languages you support with Show first, for example en, es, de, fr.
  3. Keep the ISO code as the value — it matches the lang attribute and Accept-Language.
  4. Copy the HTML, React, Vue or JSON.
Native names for language switchers
When users pick the language they want to read, show each language in its own name — a German speaker looks for “Deutsch”, not “German”. Choose the Native name label. The codes are ISO 639-1 two-letter codes (en, de, zh) that you can use directly in <html lang>, URLs and hreflang tags.
Auch gesucht als: language dropdown html, language select list, language selector html, iso 639-1 language list, list of languages dropdown, language picker html.
Passende Tools zu: Language Dropdown
  • Select Menu Generator — Stop typing out option lists by hand.
  • Country Dropdown HTML — Get a complete, up-to-date country <select> in one click: all 249 ISO 3166 countries and territories, ISO codes as values, optional flag emoji, continent groups and your most common countries pinned at the top — in English or any other language, as HTML, React, Vue or JSON.
  • US States Dropdown — A ready-made US state <select>: all 50 states with their two-letter USPS codes as values, optional Washington DC and territories such as Puerto Rico and Guam, labels like “California” or “California (CA)”, as HTML, React, Vue or JSON.
  • Time Zone Dropdown — A complete time zone <select> with every IANA time zone (America/New_York, Europe/Berlin), labels showing the current UTC offset and city, optional region groups, sorted by offset or by name.
Häufige Fragen
Should a language switcher show native names?
Yes — people recognize their own language’s name. Choose the Native name label, or “Name (native)” to show both.
Can I get the list in another language?
Yes. Country, language, currency, month and weekday names come from your browser’s built-in translations — pick the label language and the whole list is translated and sorted for it.
Which formats can I export?
An HTML Esc

  

  
    
  
    ↑↓ navigieren↵ öffnenesc schließenAlle Tools ansehen →