Elemento select en HTML

El elemento html select representa un elemento de formulario que proporciona una lista de opciones. Ejemplo de un elemento <select> con tres opciones (proporcionado a través del elemento <option>)y el segundo seleccionado por defecto (a través de la propiedad selected):

< select  name = "select" > 
  < option  value = "valor1" > opción 1 </ option >  
  < option  value = "valor2"  selected > opción 2 </ option > 
  < option  value = "valor3" > opción 3 </ option > 
</ select >

Un ejemplo de un elemento <select> en el que hay tres conjuntos de opciones (elemento <optgroup>) y más de un valor se puede seleccionar en él (a través de la propiedad multiple) y se mostrarán cinco líneas (propiedad size):

< select  name = "select"  size = "5"  multiple > 
  < optgroup  label = "group 1" > 
    < option > option 1.1 </ option > 
  </ optgroup >  
  < optgroup  label = "group 2" > 
    < option > option 2.1 </ option > 
    < option > opción 2.2 </ option > 
  </ optgroup > 
  <optgroup  label = "Group 3" > 
    < option > Opción 3.1 </ option > 
    < option > Opción 3.2 </ option > 
    < option > Opción 3.3 </ option > 
  </ optgroup > 
</ select >

Etiqueta html select

Clasificaciones de contenido	Un elemento organizativo, un elemento normal, un elemento interactivo y un elemento relacionado con la forma.
Contenido permitido	Cero veces o más de un elemento `<option>` o `<optgroup>`.
Acrónimo	Las etiquetas de inicio o finalización no se pueden omitir.
Elementos del padre	Cualquier elemento que acepte contenido normal.
Interfaz DOMO	`HTMLSelectElement`

Características

En este elemento html select se pueden utilizar propiedades globales.

`autofocus`

Esta propiedad booleana nos permite especificar que queremos que el foco se mueva a este elemento al cargar la página a menos que el usuario lo cambie (por ejemplo, escribiendo un elemento de entrada diferente).

Esta propiedad solo se puede usar en un elemento relacionado con el formulario en el documento. Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes.

`disabled`

Esta propiedad booleana indica que el usuario no puede interactuar con este elemento, y si no se especifica ningún valor para esta propiedad, heredará su valor del elemento que lo contiene como el elemento <fieldset>, y si no hay ningún elemento que contenga este elemento que tenga la propiedad disabled, este elemento se activará.

`form`

Esta propiedad determina a qué forma pertenece el elemento <select> y el valor de esta propiedad debe ser un identificador de id elemento <form> en el propio documento.

Esta propiedad le permite vincular elementos <select> a elementos <form> en cualquier parte del documento, pero un elemento <select> dentro de un elemento <form> no se puede vincular a otro elemento <form>.

Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes.

`multiple`

Esta propiedad booleana indica si se permite seleccionar más de una opción en la lista, y si no se especifica, no se puede seleccionar más de una opción al mismo tiempo.

`name`

Esta propiedad se utiliza para especificar el nombre de este elemento (con el que se asociará cuando se envíe el formulario).

`required`

Una propiedad booleana que indica que este elemento es obligatorio y se debe especificar al menos una de sus opciones. Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes.

`size`

El número de líneas (de las opciones) que se mostrarán en este elemento al mismo tiempo.

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado