El elemento
select representa un control que muestra un menú de opciones, un menú desplegable
con opciones para que el usuario elija.
El elemento select crea un
elemento en línea delimitado por las etiquetas <select>y </select>.
La etiqueta <select>
define la lista y encierra todas las opciones que muestra la lista. Cada una de
las opciones de la lista se define mediante una etiqueta <option>. El
atributo value de cada opción es obligatorio, ya que es el dato que se envía al
servidor cuando el usuario envía el formulario. Para seleccionar por defecto
una opción al mostrar la lista, se añade el atributo selected a la opción
deseada.
Atributos
Atributo
|
Valor
|
Descripción
|
disabled
|
disabled
|
Especifica
que la lista desplegable debe ser desactivada.
|
multiple
|
multiple
|
Especifica
que múltiples opciones se pueden seleccionar a la vez.
|
name
|
name
|
Especifica
el nombre de una lista desplegable.
|
size
|
numero
|
Especifica
el número de opciones visibles en una lista desplegable.
|
Nuevos en
HTML5
|
||
autofocus
|
autofocus
|
Especifica
que la lista desplegable automáticamente debe obtener el foco cuando se carga
la página.
|
form
|
Id del form
|
Especifica
el form al que pertenece de la lista desplegable.
|
required
|
required
|
Específica
que el usuario seleccione un valor antes de enviar el formulario.
|
Veamos un ejemplo
