¿Cómo hacer una lista desplegable en HTML?  Las páginas web cuentan con una interfaz que permite la interacción entre el usuario y la página, desde seleccionar uno o varios elementos, agregar texto, barra de búsqueda, poder realizar ciertas acciones, entre otras opciones. Todas estas interacciones permiten que el usuario cuente con una experiencia mejorada, con el fin de que pueda visitar constantemente la página.

Aunque estos procesos parecen sencillos, lo cierto es que llevan un trabajo de programación, donde cada acción está  programada mediante una línea de código, y esta se configura gracias a los lenguajes de mercado.

¿Qué son los lenguajes de mercado?

Los lenguajes de mercado son aquellos que permiten codificar documentos y páginas en línea. Los lenguajes de mercado suelen confundirse con un lenguaje de programación, pero no son lo mismo, los lenguajes de programación añaden aritméticas y variables, en cambio los lenguajes de mercado no pueden realizar esta función.

Para realizar lenguajes de mercado en páginas web, contamos con HTML, donde cualquier persona puede programar su propia página.

¿Qué es HTML?

HTML, HyperText Markup Language (lenguaje de mercado de hipertexto, en español), es un lenguaje de mercado que funciona a través del software para la elaboración de páginas web. Su estructura se centra en un código, conocido como código HTML, y desde él agregar todo el contenido que va a poseer la página web, como texto, imágenes, videos, archivos, juegos, entre otras interacciones.

     HTML funciona mediante etiquetas, donde se identifica todas las acciones que se pueden realizar. Cada movimiento o posible cambio de información entre la página y el usuario, está integrado en la programación del hipertexto, si un código se encuentra  mal ejecutado, la acción se realiza incorrectamente o simplemente no se podrá realizar.

La cantidad de códigos que puede tener una página está influenciada por todos los apartados y secciones que contenga, mientras más información, más líneas de código.

¿Qué es una lista despegable en HTML?

Las listas despegables permiten al programador, ingresar valores a una lista, con el fin de que el usuario elija una de ellas. Por ejemplo, en una página donde el usuario debe registrarse, seleccione el género (masculino y femenino),  el cuadro “género” es la lista despegable, y las dos opciones son los valores que el usuario puede seleccionar.

Las listas despegables son ideales en opciones de selección múltiple, y ahorran espacio dentro del código, así como en la interfaz de la página, agrupando una cantidad de opciones dentro de un solo espacio.

¿Cómo hacer una lista desplegable en HTML?

Para realizar una lista desplegable, el programador debe ingresar la etiqueta “SELECT”, acompañado del nombre de la lista y la ID. El nombre que le damos es el que aparecerá luego en la interfaz, y la ID permite acceder a la opción mediante JavaScript.

Es importante estar atentos a que no se repitan las opciones dentro de la lista en otro apartado del programa, ya que afectará cuando estemos seleccionando. Ejemplo de una lista despegable:

<select name=”número” id=”número”>

<option value=”c”>Cinco</option>

<option value=”d”>Diez</option>

<option value=”v”>veinte</option>

</select>