HTML Seleccione el menú


Ejemplo

El elemento <select> genera un menú desplegable desde el cual el usuario puede elegir una opción.

<select name="">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
</select>

Cambiando el tamaño

Puede cambiar el tamaño del menú de selección con el atributo de size . Un tamaño de 0 o 1 muestra el menú de estilo desplegable estándar. Un tamaño mayor que 1 convertirá el menú desplegable en un cuadro que muestra tantas líneas, con una opción por línea y una barra de desplazamiento para desplazarse por las opciones disponibles.

<select name="" size="4"></select>

Menús de selección multi-opciones

Por defecto, los usuarios solo pueden seleccionar una sola opción. Agregar el atributo multiple permite a los usuarios seleccionar múltiples opciones a la vez y enviar todas las opciones seleccionadas con el formulario. El uso del atributo multiple convierte automáticamente el menú desplegable en un cuadro como si tuviera un tamaño definido. El tamaño predeterminado cuando esto ocurre está determinado por el navegador específico que está utilizando, y no es posible cambiarlo de nuevo a un menú de estilo desplegable mientras se permiten varias selecciones.

<select name="" multiple></select>

Cuando se usa el atributo multiple , hay una diferencia entre usar 0 y 1 para el tamaño, mientras que no existe diferencia cuando no se usa el atributo. El uso de 0 hará que el navegador se comporte de la manera predeterminada para la que está programado. El uso de 1 establecerá explícitamente el tamaño del cuadro resultante en solo una fila.