HTML <option>etiqueta


Ejemplo

Crear una lista de selección con 4 opciones:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

Pruébalo »

Compatibilidad del navegador

Internet Explorer Firefox Opera Google Chrome Safari

La mayoría de los navegadores principales admiten la etiqueta <option>.


Definición de la etiqueta e instrucciones de uso

La etiqueta <option> define una opción (un elemento) en una lista desplegable.

El contenido de la etiqueta <option> se utiliza como<select>o<datalist>se utiliza como un elemento.


Consejos y notas

Nota:La etiqueta <option> se puede usar sin ningún atributo, pero normalmente necesita usar el atributo value, que indica el contenido que se envía al servidor.

Nota:Use esta etiqueta junto con el elemento select; de lo contrario, esta etiqueta no tiene sentido.

Consejo:Si hay muchas opciones en la lista, puede usar la etiqueta <optgroup> para agrupar opciones relacionadas.


Atributos

Atributo Valor Descripción
disabled disabled Especifica que esta opción debe estar deshabilitada en la carga inicial.
label text Define la etiqueta utilizada cuando se usa <optgroup>.
selected selected Especifica que la opción aparece seleccionada (cuando se muestra por primera vez en la lista).
value text Define el valor de la opción que se envía al servidor.


Atributos globales

La etiqueta <option> admite atributos globales; consulte la tabla completa de atributos.Atributos globales de HTML。


Atributos de eventos

La etiqueta <option> admite todos losAtributos de eventos de HTML。

Otras extensiones