Como usar: Gerador de Select
- Escolha uma lista: países, estados dos EUA, províncias do Canadá, idiomas, moedas, fusos horários, códigos de telefone, meses, dias da semana, anos, um intervalo numérico ou suas próprias opções.
- Defina o rótulo (por exemplo, bandeira + nome), o valor da opção (o código ISO é o ideal para formulários), a ordem, o idioma dos rótulos e, se quiser, os grupos.
- Adicione um placeholder, um valor pré-selecionado,
nameeid, e escolha se o campo é obrigatório ou se terá um datalist pesquisável. - Escolha a saída — HTML, React, Vue, JSON, CSV ou PHP — e copie ou baixe o resultado.
Bons dropdowns para formulários
- Use códigos como valores. Guarde
US,deouEUR, e não o rótulo exibido. Os rótulos mudam com as traduções, os códigos não. - Adicione um placeholder como primeira opção desabilitada e deixe o campo
required, para que o usuário não consiga enviar o placeholder. - Facilite listas longas. Coloque as opções mais comuns no topo, agrupe com
<optgroup>ou use um<datalist>pesquisável. - Configure o autocomplete. Campos de país recebem
autocomplete="country"(oucountry-namequando o valor for o nome), para que os navegadores preencham automaticamente.
De onde vêm os dados
Os códigos de países e regiões seguem a ISO 3166-1, os idiomas a ISO 639-1, as moedas a ISO 4217 e os fusos horários o banco de dados IANA. Os nomes são gerados pelo suporte de internacionalização do seu navegador, então são precisos e disponíveis em dezenas de idiomas. Os códigos de telefone seguem os códigos de discagem internacional da ITU.
No Webflow, cole o HTML em um elemento Embed dentro do seu formulário. O campo é enviado junto com o formulário como qualquer outro. Relacionados: Gerador de Tabela HTML, JSON para TypeScript.
Também pesquisado como: gerador de dropdown, gerador de select html, dropdown de países html, gerador de lista suspensa html, gerador de opções select, select de estados html, dropdown de idiomas, dropdown de fuso horário.
Ferramentas que combinam com: Gerador de Select
- CSV e Excel para Tabela HTML — Cole células de planilha, CSV ou JSON e receba marcação de tabela HTML semântica e escapada, com um estilo pronto opcional e pré-visualização ao vivo.
- Formatador HTML — Cole HTML minificado ou bagunçado e receba um código limpo e com indentação consistente, incluindo os blocos <style> e <script> embutidos.
- Conversor HTML para JSX — Cole HTML — um trecho, um template ou um ícone SVG — e receba JSX pronto para usar em um componente React: className, htmlFor, objetos de style, atributos em camelCase e tags autofechadas.
- Gerador de dados simulados — Crie até 10.000 linhas de dados de teste realistas — usuários, produtos, pedidos, endereços, empresas ou registros de API aninhados — ou crie seu próprio esquema.
Perguntas frequentes
Como faço um dropdown de países em HTML?
Escolha Países, defina o rótulo e o valor (os códigos ISO são os melhores), adicione um placeholder e copie o
O valor da opção deve ser o código ou o nome?
O código. Códigos ISO como US ou DE são os mesmos em qualquer idioma e são o que a maioria das APIs e bancos de dados espera. Você sempre pode exibir o nome como rótulo.
Como faço um dropdown pesquisável sem JavaScript?
Marque Pesquisável: a saída vira um com um
Posso obter a lista em outro idioma?
Sim. Os nomes de países, idiomas, moedas, meses e dias da semana vêm das traduções nativas do seu navegador. Escolha o idioma dos rótulos e a lista inteira será traduzida e ordenada para ele.
Quais formatos posso exportar?
Um
Posso instalar o Gerador de Select como um aplicativo da web e usá-lo offline?
Sim. O Gerador de Select é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.