English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
En los formularios web, el elemento HTML <option> se utiliza para definir los elementos que contienen los elementos <select>, <optgroup> o <datalist>. La etiqueta <option> puede representar elementos de menú en listas de elementos emergentes y en otras listas de elementos en documentos html.
Crear una lista desplegable con 3 Lista de selección de opciones:
!doctype html> <html> <head> <meta charset="UTF-8"> <title>Uso de la etiqueta option en HTML (Sitio web básico de tutoriales oldtoolbag.com)</title> </head> <body> <label for="tutorial_choice">Tutoriales: </label> <select id="tutorial_choice"> <option value="html">HTML</option> <option value="css">CSS</option> <option value="sql">SQL</option> </select> </body> </body> </html>Prueba para ver ‹/›
En este HTML5En el ejemplo de documento, creamos una lista de tres valores desplegables utilizando la etiqueta <select>.-HTML, CSS y SQL. Estos valores se mostrarán como lista desplegable para que el usuario los seleccione.
IEFirefoxOperaChromeSafari
La mayoría de los navegadores populares admiten la etiqueta <option>.
<option> etiqueta define una opción en una lista desplegable (un elemento).
El contenido del etiqueta <option> actúa como <select> o<datalist> Uso de un elemento.
Consejo: El etiqueta <option> se puede usar sin atributos, pero generalmente se necesita el atributo value, que indica el contenido enviado al servidor.
Nota: Este etiqueta debe usarse junto con el elemento select, de lo contrario no tiene sentido.
Consejo: Si hay muchas opciones en la lista, puede usar la etiqueta <optgroup> para combinar opciones relacionadas.
| Atributo | Valor | Descripción |
|---|---|---|
| disabled | disabled | Define que esta opción debe estar deshabilitada al cargar por primera vez. |
| label | text | Define el texto de la etiqueta que se utiliza cuando se utiliza <optgroup>. |
| selected | selected | Define que el estado de selección del elemento debe ser seleccionado cuando se muestra por primera vez en la lista. |
| value | text | Define el valor de opción enviado al servidor. |
<option> etiqueta admite atributos globales, consulte la tabla de atributos completa Atributos globales HTML.
<option> etiqueta admite todos los Atributos de eventos HTML.