Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Uso del elemento select para menús desplegables | Formularios HTML y Entrada de Usuario
HTML Definitivo
course content

Contenido del Curso

HTML Definitivo

HTML Definitivo

1. Comprensión del Desarrollo Web
2. Etiquetas y Atributos HTML
3. Estructura del Documento HTML
4. Trabajando con Medios y Tablas

book
Uso del elemento select para menús desplegables

El elemento <select> se utiliza para crear una lista desplegable de opciones para que el usuario elija. Normalmente se emplea en formularios donde el usuario debe seleccionar entre un conjunto predefinido de opciones. Siempre se utiliza junto con elementos <option>. Los elementos <option> definen los elementos individuales en la lista desplegable.

html

index.html

copy

El elemento <select> también tiene varios atributos que pueden usarse para modificar su comportamiento, incluyendo:

  • name: el nombre del elemento select, utilizado al enviar el formulario;
  • size: el número de opciones visibles en la lista desplegable;
  • multiple: si está presente, permite al usuario seleccionar múltiples opciones;
  • disabled: si está presente, desactiva el elemento select.

Para dividir una lista en grupos separados e independientes, se puede utilizar la etiqueta <optgroup>. El atributo label se utiliza para asignar un título al grupo.

html

index.html

copy

Nota

Por defecto, la primera <option> es seleccionada en la lista. Si se desea cambiar esto, se puede proporcionar el atributo selected a cualquier elemento <option>.

question mark

¿Cuál es la función principal del elemento <select> en HTML?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 8
Lamentamos que algo salió mal. ¿Qué pasó?
some-alt