Curso HTML: Mostrar listas desplegables

6/Sep/2018 Curso-html

Las listas permiten a los usuarios de una pagina web, seleccionar un valor de una lista de opciones, como las que vez cuando te piden ingresar tu país de nacimiento.

Para mostrar una lista en HTML, usamos las etiquetas <select> </select> y usualmente debemos llenar el atributo name, con un nombre para el dato que se seleccione aquí. Dentro de las etiquetas <select> se coloca la lista de opciones posibles usando las etiquetas <option></option> y dentro de ellas se coloca la descripción del valor (que es lo que el usuario “ve”) y dentro de un atributo llamado value se coloca el código que corresponde al valor que se muestra en la etiqueta. Veamos un ejemplo para tener esto más claro

Ejemplo de listas en html
Ejemplo de listas en html

En el ejemplo anterior se muestra una lista en la que se puede elegir un color, el usuario solo ve los valores Rojo, Azul y Verde, pero cuando selecciona uno de ellos, la pagina que va a procesar los datos en realidad verá r, a ó v que son los códigos asociados a cada valor.

Elige tu siguiente tema

  1. Crea tu primera página web
  2. Cómo agregar un favicon (icono)
  3. Usar tablas y comentarios
  4. Uso de títulos y párrafos
  5. Trabajar con Listas
  6. Mostrar imágenes y rutas
  7. Enlaces o links a otras paginas web
  8. Formularios en páginas web
  9. Etiqueta textarea para ingresar textos grandes
  10. Mostrar listas desplegables
  11. Subir imagenes, números, emails, etc
Versión en video



Ir a la barra de herramientas