En un formulario Web , el elemento HTML <option>
se usa para representar un item dentro de un <select>
, un <optgroup>
o un elemento HTML5 <datalist>
.
Contenido de las categorías | Ninguna |
---|---|
Contenido permitido | Texto con, eventualmente, caracteres especiales (como é ). |
Omisión de etiqueta | La etiqueta de inicio es obligatoria. La etiqueta de finalización es opcional siempre que el elemento esté inmediatamente seguido por otro elemento <option> , por un <optgroup> , o si el elemento padre tiene no tiene más contenido |
Elementos padre permitidos | <select> , o <optgroup> o un elemento <datalist> element. |
Interfaz DOM | HTMLOptionElement |
Atributos
Este elemento posee los atributos globales.
disabled
- Si está establecido el elemento no se puede seleccionar. A menudo los navegadores ponen en gris el elemento y de esa manera no recibirá ningún evento de navegación como clicks de ratón o eventos relacionados con la obtención del foco. Si este atributo no está definido el elemento puede ser aún deshabilitado si uno de sus ancestros es un elemento
<optgroup>
deshabilitado. label
- Este atributo es el texto para la etiqueta que determina el significado de la opción. Si el atributo
label
no está definidio su valor será el texto del contenido del elementoNota de Uso: El atributo label está diseñado para contener una etiqueta corta que se usará típicamente en un menú jerárquico. Elatributo value
describe una etiqueta más larga para ser usada, por ejemplo, cerca de un radio button selected
- Si está presente, este atributo booleano indica si esta opción es la inicialmente seleccionada. Si el elemento
<option> es descendiente de un elemento
<select>
cuyo atributomultiple
no esté definidio únicamente un sólo<option>
de este elemento<select>
puede tener este atributo selected attribute. value
- El contenido de este atributo representa el valor que será enviado al enviar el formulario si una determinada opción está seleccionada. Si se omite el atributo el valor se tomará del texto del contenido del elemento option.
Ejemplos
Ver los ejemplos <select>
.
Especificaciones
Especificación | Estado | Comentario |
---|---|---|
WHATWG HTML Living Standard The definition of '<option>' in that specification. |
Living Standard | |
HTML5 The definition of '<option>' in that specification. |
Recommendation | |
HTML 4.01 Specification The definition of '<option>' in that specification. |
Recommendation |
Definición inicial |
Compatibilidad con los distintos navegadores
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (1.0)[1] | (Yes) | (Yes) | (Yes) |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | (Yes) | 1.0 (1.0)[1] | (Yes) | (Yes) | (Yes) |
[1] Gecko no muestra el valor del atributo label como texto de la opción en caso de que el contenido del elemento esté vacío. Ver bug 1205213.
Ver también
- Otro elemento relacionados con formularios:
<form>
,<legend>
,<label>
,<button>
,<select>
,<datalist>
,<optgroup>
,<fieldset>
,<textarea>
,<keygen>
,<input>
,<output>
,<progress>
and<meter>
.