Tips & Tricks

Cómo agregar un menú desplegable a un formulario PDF rellenable

Un menú desplegable, también llamado cuadro combinado o lista de selección, es uno de los elementos interactivos más útiles que puede agregar a un formulario PDF que se puede completar. En lugar de pedir a los usuarios que escriban manualmente una respuesta, un menú desplegable presenta una lista predefinida de opciones. Esto reduce los errores de entrada, acelera la finalización de formularios y mantiene la coherencia de los datos recopilados en todos los envíos. Ya sea que esté creando una solicitud de empleo, un formulario de pedido o un documento de admisión de pacientes, los campos desplegables lo ayudan a controlar exactamente qué valores terminan en los datos de su formulario.

La mayoría de los editores de PDF admiten la creación de menús desplegables, pero los pasos exactos varían según la plataforma. Adobe Acrobat Pro ofrece el conjunto de herramientas de creación de formularios más completo. Los editores en línea de PDF Forms ofrecen una alternativa más sencilla basada en navegador. El método que elija depende del software que tenga, su presupuesto y si necesita funciones avanzadas como listas de selección múltiple, opciones completadas automáticamente o validación de JavaScript. Esta guía recorre tres métodos de trabajo y cubre las opciones de personalización más importantes para el diseño de formularios del mundo real.

Sentirse cómodo con la configuración desplegable requiere una sola sesión de práctica. Una vez que comprenda el panel de propiedades en la herramienta elegida, puede agregar menús desplegables, botones de opción, casillas de verificación y campos de texto en cualquier combinación que requiera su formulario.

Si necesita una forma rápida de crear formularios interactivos sin instalar software de escritorio, WukongPDF le permite agregar menús desplegables, campos de texto y casillas de verificación directamente en su navegador. El editor Fillable PDF guarda su trabajo en tiempo real y produce formularios que se abren correctamente en cualquier lector de PDF estándar.

How to Add a Dropdown Menu to a Fillable PDF Form

¿Qué hace un menú desplegable en un formulario PDF?

Cada campo desplegable almacena una lista de opciones y permite al usuario elegir un valor, o varios valores si la selección múltiple está habilitada, de esa lista. El valor seleccionado se guarda con los datos del formulario y se puede exportar como parte de un registro CSV, XML o de base de datos. Los menús desplegables son ideales cuando se conoce de antemano el conjunto de respuestas válidas: seleccionar un estado de una lista de 50, elegir el nombre de un departamento, elegir el SKU de un producto o especificar una talla de camiseta.

En comparación con los botones de opción, los menús desplegables ocupan mucho menos espacio visual. Un único campo desplegable puede contener docenas de opciones sin saturar el diseño de la página. Para formularios con muchas preguntas, el uso de menús desplegables en lugar de grandes grupos de botones de opción mantiene el documento compacto y más fácil de escanear. Según Nielsen Norman Group, los diseños de formularios compactos reducen el abandono al hacer que el formulario parezca más corto para el usuario (Nielsen Norman Group, Website Forms Usability Study, 2024).

Los menús desplegables también se pueden configurar con un valor de exportación que difiere del texto mostrado. Por ejemplo, el usuario puede ver California pero los datos exportados registran CA. Esta característica es útil cuando el formulario ingresa a una base de datos que espera códigos abreviados. La mayoría de las herramientas PDF profesionales exponen esta configuración en el cuadro de diálogo de propiedades del campo en la pestaña Opciones.

WukongPDF

Intente editar PDF

No se necesita instalación. Funciona directamente en su navegador.

Empezar ahora →

Método 1: Agregar un menú desplegable usando Adobe Acrobat Pro

Adobe Acrobat Pro incluye el conjunto más completo de herramientas de creación de formularios y es la opción estándar para crear formularios complejos PDF interactivo en entornos profesionales. El modo Preparar formulario detecta automáticamente los lugares a los que podrían pertenecer los campos del formulario y le permite agregar manualmente menús desplegables, cuadros de lista, campos de texto y bloques de firma.

Abra su PDF en Acrobat Pro y seleccione Herramientas, luego Preparar formulario. Si el documento ya contiene marcadores de posición de campos de formulario, Acrobat intentará detectarlos. De lo contrario, haga clic en el ícono desplegable en la barra de herramientas, que parece un pequeño rectángulo con una flecha hacia abajo, y dibuje el campo en la página. Arrastre las esquinas para establecer el ancho deseado y coloque el campo exactamente donde lo desee.

Haga doble clic en el nuevo campo desplegable para abrir el cuadro de diálogo Propiedades. En la pestaña General, asigne un nombre de campo único, como Departamento o Categoría de producto. Evite espacios y caracteres especiales en los nombres de los campos, ya que pueden causar problemas al exportar datos. En la pestaña Opciones, escriba cada elemento de la lista en el campo Elemento y haga clic en Agregar después de cada entrada. Utilice las flechas hacia arriba y hacia abajo para reordenar los elementos. Si desea que el primer elemento sirva como mensaje en lugar de un valor seleccionable, déjelo en blanco con una etiqueta descriptiva como --Seleccione uno --.

La pestaña Opciones también incluye una casilla de verificación para permitir al usuario ingresar texto personalizado. Habilite esto solo si desea que el usuario escriba un valor que no está en la lista predefinida. Para la mayoría de los formularios comerciales, mantener esta opción sin marcar garantiza la coherencia de los datos. En la pestaña Acciones, puede adjuntar JavaScript que se activa cuando cambia la selección, como mostrar u ocultar otros campos según el valor elegido. Después de configurar todas las propiedades, cierre el cuadro de diálogo y guarde el PDF. Pruebe el menú desplegable abriendo el archivo en un lector de PDF y haciendo clic en cada opción.

Método 2: Agregar un menú desplegable usando un editor de PDF en línea

Los editores de PDF en línea se han convertido en una alternativa práctica al software de escritorio para agregar campos de formulario a un PDF. Se ejecutan completamente en el navegador, no requieren instalación y funcionan en Windows, Mac y ChromeOS. La mayoría de las herramientas en línea colocan controles de creación de formularios en una barra de herramientas encima de la vista del documento, y agregar un menú desplegable sigue un flujo de trabajo simple de hacer clic y arrastrar similar a Acrobat.

Después de cargar su PDF en el editor en línea, busque la sección Formularios o Agregar campos en la barra de herramientas. Seleccione la herramienta desplegable o cuadro combinado, luego haga clic en la página donde desea que aparezca el control. Se abrirá un panel de propiedades, normalmente en el lado derecho de la pantalla. Ingrese el nombre del campo y escriba cada opción de la lista en el área de texto proporcionada, un elemento por línea. La mayoría de los editores en línea guardan automáticamente los cambios, pero es una buena práctica descargar una copia del PDF modificado inmediatamente después de finalizar las ediciones.

CaracterísticaEditores de escritorioEditores en línea
InstalaciónRequiere instalación completaSe ejecuta en el navegador
Soporte desplegableCompleto, con acciones JSLista de elementos básicos
Exportar valoresApoyadoVaría según la herramienta
Acceso sin conexiónRequiere internet

Los editores en línea gratuitos a menudo limitan la cantidad de campos de formulario que puede agregar por documento o por día. Los planes pagos eliminan estos límites. Para formularios con más de 10 campos, un servicio en línea pago o un software de escritorio suele ser la opción más práctica. Antes de cargar archivos PDF confidenciales a cualquier servicio en línea, revise su política de privacidad y los términos de retención de datos para confirmar que los archivos cargados se eliminen del servidor después del procesamiento.

Personalizar el comportamiento del menú desplegable: selección múltiple, valores predeterminados y valores de exportación

Normalmente, un menú desplegable se vuelve mucho más útil después de configurar algunas propiedades clave más allá de la lista de elementos básicos. La selección múltiple, a veces etiquetada como Selección múltiple en las propiedades del campo, permite al usuario elegir más de una opción manteniendo presionada la tecla Ctrl o Cmd mientras hace clic. Esto es útil para formularios que preguntan qué servicios le interesan donde un usuario puede seleccionar varios elementos de la lista. Tenga en cuenta que los menús desplegables de selección múltiple muestran todos los valores seleccionados como una cadena separada por comas en los datos exportados, lo que puede requerir un procesamiento posterior en su hoja de cálculo o base de datos.

Establecer un valor predeterminado preselecciona un elemento cuando se abre el formulario. Si la mayoría de sus usuarios pertenecen a una categoría en particular, preseleccionar esa opción les ahorra un clic y acelera la finalización. En Acrobat Pro, puede configurar el valor predeterminado en la pestaña Opciones eligiendo un elemento y haciendo clic en el botón Predeterminado. En los editores en línea, busque una casilla de verificación Predeterminada o Seleccionada de forma predeterminada junto a cada elemento en el editor de lista.

La configuración del valor de exportación a menudo se pasa por alto, pero se vuelve crítica cuando los datos del formulario ingresan a un flujo de trabajo automatizado. Si el texto mostrado es Región Noreste pero su CRM espera NE, establezca el valor de exportación en NE en las propiedades del campo. Cada elemento de la lista puede tener su propio valor de exportación. Es posible que los editores en línea no expongan esta función, por lo que si su flujo de trabajo depende de los valores de exportación, verifique que la herramienta elegida los admita antes de dedicar tiempo a crear el formulario.

Probar su menú desplegable antes de la distribución

Enviar un formulario con un menú desplegable roto hace perder el tiempo a todos. Antes de distribuirlo, abra el PDF terminado en al menos dos lectores de PDF diferentes. Adobe Acrobat Reader es el más común, pero también se prueba en un visor basado en navegador como el procesador de PDF integrado de Chrome y en Vista previa en Mac. Haga clic en cada opción del menú desplegable para confirmar que cada elemento aparece según lo previsto. Si el menú desplegable utiliza selección múltiple, pruebe seleccionando dos o tres valores y verifique que todos aparezcan en la visualización del campo.

Verifique que el orden de tabulación se mueva a través de los campos del formulario en una secuencia lógica. Después de seleccionar un valor desplegable y presionar Tab, el foco debe saltar al siguiente campo en orden de lectura, no saltar a una ubicación aleatoria. En Acrobat Pro, puede ajustar el orden de las pestañas abriendo el panel Campos, arrastrando los nombres de los campos en la secuencia correcta y guardando el documento. Un orden de pestañas bien organizado es importante para los usuarios que solo usan teclado y para el cumplimiento de la accesibilidad según las pautas WCAG 2.1.

Solucionar problemas comunes del menú desplegable

Un menú desplegable que muestra una lista vacía cuando se hace clic generalmente significa que los elementos no se guardaron correctamente o que las propiedades del campo no persistieron después de cerrar el editor. Vuelva a abrir el formulario en su herramienta de edición, seleccione el campo desplegable y confirme que la lista de elementos aún esté completa. Si faltan elementos, vuelva a ingresarlos y guarde el PDF con un nuevo nombre de archivo para evitar problemas de sobrescritura. Algunas herramientas en línea eliminan los datos de los campos del formulario al comprimir el archivo de salida, así que desactive la compresión o use la opción guardar como optimizado si el PDF descargado se comporta de manera diferente a la vista previa del navegador.

Cuando un valor desplegable se restablece a blanco después de guardar y volver a abrir el formulario, es probable que el campo tenga habilitada la propiedad No guardar o que el lector de PDF no guarde los datos del formulario de forma predeterminada. En Acrobat Pro, abra las propiedades del campo y confirme que ningún JavaScript borre el valor al guardar. Indique a los destinatarios que utilicen un lector de PDF que admita guardar datos de formulario y evite los visores basados en navegador que descartan la entrada del formulario cuando la pestaña está cerrada.

Si el tamaño de fuente desplegable parece inconsistente con el texto circundante, ajuste el tamaño de fuente en la pestaña Apariencia de las propiedades del campo. Haga coincidir el tamaño de fuente del campo con el texto del cuerpo del formulario, normalmente 10 u 11 puntos. Un menú desplegable que utiliza una familia de fuentes diferente a la del resto del formulario también puede parecer fuera de lugar; configure la fuente del campo para que coincida con la fuente del cuerpo del documento para obtener un resultado limpio y profesional.

Agregar un menú desplegable a un PDF que se puede completar solo toma unos minutos una vez que sabes dónde se encuentran los controles de campo. El valor real proviene de configurar valores de exportación, establecer valores predeterminados lógicos y probar el formulario terminado en diferentes lectores para detectar problemas antes de que lo hagan los usuarios. Un menú desplegable bien construido hace que la recopilación de datos sea más rápida para los destinatarios y más confiable para la persona que procesa los resultados.

WukongPDF

Intente editar PDF

No se necesita instalación. Funciona directamente en su navegador.

Empezar ahora →