2.7.4.- Campos de formularios - Lista desplegable | LMSGI02 - DAM - Lenguajes de marcas y sistemas de gestión de información - Utilización de lenguajes de marcas en entornos web. Contenidos.

Permite que el usuario seleccione un valor entre diferentes opciones.

Etiquetas

<select> para definir la lista
<option> para cada una de las opciones

Atributos - <select>

name– Nombre del elemento
size– Número de elementos de la lista desplegable que se mostrarán
multiple– Permite seleccionar varias opciones manteniendo pulsada la tecla Ctrl al seleccionarla

Atributos - <option>

selected– campo que aparece seleccionado por defecto
value– valor que se transmite cuando se envía el formulario

A continuación puedes encontrar un ejemplo de código HTML:

Por último seleccione el sistema operativo de su ordenador:
<select name="Sistema operativo favorito">
  <option value="Linux">Linux </option>
  <option value="Windows">Windows </option>
  <option value="MacOS">Mac OS </option>
</select>

En la siguiente imagen puedes observar cómo quedaría en un editor de HTML (en este caso Notepad++) y cuál es el resultado en el navegador.

Ilustración de cómo se visualiza en un navegador web el ejemplo HTML de Lista Desplegable. — Materiales educativos de la CAM (Uso educativo NC)