Ejemplo
Una lista desplegable con cuatro opciones:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Inténtalo tú mismo " Definición y Uso
La <option> etiqueta define una opción en una lista de selección.
<option> elementos van dentro de un <select> o <datalist> elemento.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <option> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Nota: La <option> etiqueta se puede utilizar sin ningún tipo de atributos, pero normalmente se necesita el value atributo, que indica lo que se envía al servidor.
Consejo: Si usted tiene una larga lista de opciones, puede agrupar opciones relacionadas con el <optgroup> etiqueta.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| disabled | disabled | Especifica que una opción se desactivará |
| label | text | Especifica una etiqueta para una opción más corta |
| selected | selected | Especifica que una opción debe ser pre-seleccionado cuando se carga la página |
| value | text | Especifica el valor que se envía a un servidor |
Los atributos globales
La <option> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <option> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Objeto Opción
Ajustes por defecto CSS
Ninguna.