Elemento option en HTML

El elemento se utiliza <option> para identificar un elemento que está contenido dentro del elemento <select>, <optgroup> o <datalist>.

Por lo tanto, el elemento se puede utilizar <option> para representar elementos de lista en varios tipos de listas en un documento HTML.

Para ver un ejemplo del uso de elementos <option>, consulte la página de elementos <select>.

Etiqueta html option

Clasificaciones de contenido	No hay.
Contenido permitido	Texto, incluidos algunos caracteres especiales como `‎>‎`.
Acrónimo	La etiqueta de inicio es obligatoria, la etiqueta de fin es opcional si el elemento es seguido inmediatamente por otro elemento <option> o elemento `<optgroup>`, o si el elemento principal no contiene ningún otro contenido.
Elementos del padre	Elemento `<select>`, `<optgroup>` o `<datalist>`.
Interfaz DOMO	`HTMLOptionElement`

Características

En este elemento html option se pueden utilizar propiedades globales.

`disabled`

Si se establece el valor de esta propiedad booleana, significa que la opción representada por este elemento no se puede seleccionar y los navegadores a menudo la mostrarán como plateada y no recibirán eventos como clics o foco. Si esta propiedad no se establece en este elemento, puede heredar del elemento <optgroup> si se establece en él.

`label`

Este valor es el texto que se mostrará para indicar el significado de este elemento, y si esta propiedad no está definida se tomará del contenido de texto del elemento.

`selected`

Si esta propiedad está presente, indica que el elemento está seleccionado, y si un elemento es <option> hijo del elemento en el <select> que la propiedad no está establecida, la propiedad solo se multiple puede establecer selected en un <option> solo elemento .

`value`

El contenido de esta propiedad representa el valor que se enviará con los datos del formulario si se selecciona este elemento. Si no se especifica ningún valor para esta propiedad, el valor se tomará del contenido de texto del elemento.

Formato predeterminado

El diseño predeterminado del elemento varía <option> entre los navegadores, pero la mayoría de ellos establece los valores de la display, white-space, padding y min-height. Los valores de estas propiedades varían según el entorno operativo y el navegador.

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado