
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 |
- Elemento summary en HTML
- Elemento details en HTML
- Elemento meter en HTML
- Elemento legend en HTML
- Elemento textarea en HTML
- Elemento select en HTML
- Elemento progress en HTML
- Elemento output en HTML
- Elemento option en HTML
- Elemento optgroup en HTML
- Elemento track en HTML
- Elemento label en HTML
- Elemento input en HTML
- Elemento form en HTML
- Elemento fieldset en HTML
- Elemento datalist en HTML
- Elemento button en HTML
- Elemento tr en HTML
- Elemento thead en HTML
- Elemento th en HTML
- Elemento tbody en HTML
- Elemento tfoot en HTML
- Elemento table en HTML
- Elemento td en HTML
- Elemento colgroup en HTML
- Elemento col en HTML
- Elemento caption en HTML
- Elemento del en HTML
- Elemento script en HTML
- Elemento noscript en HTML
- Elemento canvas en HTML
- Elemento picture en HTML
- Elemento ins en HTML
- Elemento video en HTML
- Elemento source en HTML
- Elemento param en HTML
- Elemento object en HTML
- Elemento embed en HTML
- Elemento map en HTML
- Elemento img en HTML
- Elemento audio en HTML
- Elemento area en HTML