Cómo usar: Generador de Select
- Elige una lista: países, estados de EE. UU., provincias de Canadá, idiomas, monedas, zonas horarias, prefijos telefónicos, meses, días de la semana, años, un rango numérico o tus propias opciones.
- Define la etiqueta (por ejemplo, bandera + nombre), el valor de la opción (lo mejor en formularios es un código ISO), el orden, el idioma de las etiquetas y los grupos opcionales.
- Añade un marcador de posición, un valor preseleccionado,
nameeid, y elige si es obligatorio o una datalist con búsqueda. - Elige el formato de salida — HTML, React, Vue, JSON, CSV o PHP — y cópialo o descárgalo.
Buenos desplegables para formularios
- Usa códigos como valores. Guarda
US,deoEUR, no la etiqueta visible: las etiquetas cambian con las traducciones, los códigos no. - Añade un marcador de posición como primera opción deshabilitada, y haz que el campo sea
requiredpara que el usuario no pueda enviar el marcador. - Facilita las listas largas. Pon primero las opciones más comunes, agrúpalas con
<optgroup>o usa un<datalist>con búsqueda. - Configura el autocompletado. Los campos de país reciben
autocomplete="country"(ocountry-namecuando el valor es el nombre) para que el navegador los rellene.
De dónde vienen los datos
Los códigos de país y región siguen ISO 3166-1, los idiomas ISO 639-1, las monedas ISO 4217 y las zonas horarias la base de datos IANA. Los nombres los genera el soporte de internacionalización de tu navegador, así que son precisos y están disponibles en decenas de idiomas. Los prefijos telefónicos siguen los códigos de llamada internacionales de la UIT.
En Webflow, pega el HTML en un elemento Embed dentro de tu formulario; el campo se envía con el formulario como cualquier otro. Relacionado: Generador de tablas HTML, JSON a TypeScript.
También se busca como: generador select html, generador de menú desplegable, generador dropdown html, lista desplegable de países html, generador de listas desplegables html, generador de opciones select, dropdown de estados html, dropdown de idiomas.
Herramientas que combinan con: Generador de Select
- CSV y Excel a Tabla HTML — Pega celdas de hoja de cálculo, CSV o JSON y obtén marcado de tabla HTML semántico y con escape, con un estilo opcional listo para usar y una vista previa en vivo.
- Formateador HTML — Pega HTML minificado o desordenado y obtén HTML limpio y con sangría coherente, incluidos los bloques <style> y <script> incrustados.
- Convertidor HTML a JSX — Pega HTML (un fragmento, una plantilla o un icono SVG) y obtén JSX listo para usar en un componente de React: className, htmlFor, objetos de estilo, atributos en camelCase y etiquetas autocerradas.
- Generador de datos ficticios — Crea hasta 10 000 filas de datos de prueba realistas —usuarios, productos, pedidos, direcciones, empresas o registros API anidados— o diseña tu propio esquema.
Preguntas frecuentes
¿Cómo creo un desplegable de países en HTML?
Elige Países, define la etiqueta y el valor (lo mejor son los códigos ISO), añade un marcador de posición y copia el
¿El valor de la opción debe ser el código o el nombre?
El código. Los códigos ISO como US o DE son iguales en todos los idiomas y son lo que esperan la mayoría de APIs y bases de datos; siempre puedes mostrar el nombre como etiqueta.
¿Cómo creo un desplegable con búsqueda sin JavaScript?
Marca Con búsqueda: la salida se convierte en un con un
¿Puedo obtener la lista en otro idioma?
Sí. Los nombres de países, idiomas, monedas, meses y días de la semana vienen de las traducciones integradas de tu navegador. Elige el idioma de las etiquetas y toda la lista se traduce y ordena para ese idioma.
¿Qué formatos puedo exportar?
Un
¿Puedo instalar Generador de Select como aplicación web y utilizarla sin conexión?
Sí. Generador de Select es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.