Saltar al contenido principal

Lista desplegable

El elemento <select> permite crear una lista desplegable, donde el usuario seleccione un valor entre diferentes opciones.

Para definir cada una de las opciones, se utiliza el elemento <option> dentro de <select>.

Por ejemplo:

<select name="os">
<option value="linux">Linux</option>
<option value="windows">Windows</option>
<option value="macos">Mac OS</option>
<option value="android">Android</option>
<option value="ios">iOS</option>
</select>

En un navegador se mostraría de la siguiente manera:

Probar en el navegador

Atributos de <select>

AtributoDescripción
nameNombre del elemento.
sizeNúmero de elementos de la lista desplegable que se mostrarán.
multiplePermite seleccionar varias opciones manteniendo pulsada la tecla Ctrl al seleccionarla.

Atributos de <option>

AtributoDescripción
selectedCampo que aparece seleccionado por defecto.
valueValor que se transmite cuando se envía el formulario.