How to use the Select Menu Generator
- Choose a list: countries, US states, Canadian provinces, languages, currencies, time zones, phone codes, months, weekdays, years, a number range or your own options.
- Set the label (for example flag + name), the option value (an ISO code is best for forms), the order, the label language and optional groups.
- Add a placeholder, a pre-selected value,
nameandid, and choose required or a searchable datalist. - Pick the output — HTML, React, Vue, JSON, CSV or PHP — and copy or download it.
Good dropdowns for forms
- Use codes as values. Store
US,deorEUR, not the visible label — labels change with translations, codes don’t. - Add a placeholder as a disabled first option, and make the field
requiredso users can’t submit the placeholder. - Help long lists. Put the most common choices first, group with
<optgroup>, or use a searchable<datalist>. - Set autocomplete. Country fields get
autocomplete="country"(orcountry-namewhen the value is the name) so browsers fill them in.
Where the data comes from
Country and region codes follow ISO 3166-1, languages ISO 639-1, currencies ISO 4217 and time zones the IANA database. Names are generated by your browser’s internationalization support, so they are accurate and available in dozens of languages. Phone codes follow the ITU country calling codes.
In Webflow, paste the HTML into an Embed element inside your form; the field is submitted with the form like any other. Related: HTML Table Generator, JSON to TypeScript.
Also searched as: dropdown generator, html select generator, country dropdown html, html dropdown list generator, select options generator, state dropdown html, language dropdown, timezone dropdown.
Tools that pair well with the Select Menu Generator
- CSV & Excel to HTML Table — Paste spreadsheet cells, CSV or JSON and get semantic, escaped HTML table markup — with an optional ready-made style and a live preview.
- HTML Formatter — Paste minified or messy markup and get clean, consistently indented HTML — including embedded <style> and <script> blocks.
- HTML to JSX Converter — Paste HTML — a snippet, a template or an SVG icon — and get JSX you can drop into a React component: className, htmlFor, style objects, camelCase attributes and self-closed tags.
- Mock Data Generator — Create up to 10,000 rows of realistic test data — users, products, orders, addresses, companies or nested API records — or build your own schema.
Frequently asked questions
How do I make a country dropdown in HTML?
Choose Countries, set the label and value (ISO codes are best), add a placeholder and copy the
Should the option value be the code or the name?
The code. ISO codes like US or DE stay the same in every language and are what most APIs and databases expect; you can always show the name as the label.
How do I make a searchable dropdown without JavaScript?
Tick Searchable: the output becomes an with a
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
Can I install Select Menu Generator as a web app and use it offline?
Yes. Select Menu Generator is an installable web app (PWA) — installed from your browser, not downloaded from an app store. Click Install app at the top of this page in Chrome or Edge (Windows, macOS, Linux, ChromeOS) or on Android, use Share → Add to Home Screen on iPhone and iPad, or File → Add to Dock in Safari 17+ on a Mac. It then opens in its own window with its own icon, and because it runs entirely in your browser it keeps working offline. Firefox on desktop can’t install web apps. How installing works.