Como facer unha lista desplegable en HTML

A lista máis simple desplegable en HTML é fácil de crear a través da etiqueta select. Esta etiqueta recipiente, etiquetas opción incorporado nel - son eles que definir os elementos da lista.

Existen varias listas de opcións, que poden ser feitas por seleccionar a etiqueta: Lista desplegable (as opcións caer despois de premer no campo principal ou pair sobre el), e unha lista de elección múltiple - en que o usuario pode seleccionar varios elementos. O primeiro é máis común, son un elemento importante dos lugares de navegación modernos. A lista despregábel varias seleccións poden ser usados, por exemplo, nos directorios que quere seleccionar algunhas características das mercadorías.

Cambiar a aparencia e as propiedades de listas, pode utilizar atributos universais e especiais.

seleccione os atributos de etiquetas

1. múltiple - especifica múltiple elección.

2. Size - especifica o número de liñas visíbeis na lista, que é a altura. E entón todo depende, atributo multiple está presente ou non. Se é así, e non especifica cama, a continuación, en presenza de varios usuarios vai ver todas as opcións, pero se múltiple falta, móstrase a ser só unha liña, eo outro usuario poderá ler cando premer na icona do ascensor da dereita. Se a altura do tamaño especificado, e é menor que o número de opcións no desprazamento dereita bar aparece.

3. Nome - nome. A lista despregábel pode ser feito sen el, pero pode ser necesario para interactuar co programa de manipulador no servidor. Como norma xeral, o nome aínda está indicado.

Escolla un tag non ten atributos necesarios en oposición á etiqueta opción.

Atributos opcionais etiqueta fixada

1. Seleccionado - deseñado para destacar un elemento da lista. O usuario pode reservar máis dun elemento, se definir o atributo múltiple (ver. Enriba).
2. Valor - valor. Este atributo obrigatorio. O servidor web que entender o que os elementos da lista que o usuario teña seleccionado.
3. Label. Na longa lista de elementos pode ser reducido a usar este atributo. Por exemplo, a pantalla mostrará "Milan", no canto da opción etiqueta "Milán - o centro administrativo da Lombardia. Norte de Italia. " Este atributo tamén se usa para agrupar os elementos da lista.

En canto á largura da lista, o estándar é a lonxitude do texto máis longo na lista. Por suposto, o ancho pode cambiarse utilizando estilos HTML.

A lista despregábel de outras formas

Isto pode ser feito con CSS, por exemplo, a lista aparecerá cando pasa o rato sobre un elemento de páxina. Excelentes oportunidades para a creación de listas dá JavaScript, o que simplifica o traballo da biblioteca jQuery. A lista despregábel que está conectado con esta biblioteca, pode ser moi complexo, como unha fervenza. É dicir, cando selecciona un elemento dunha lista aparecerá a seguinte lista, por exemplo, non hai menú "roupas femininas" (cando pasa gota tipos de roupa), entón cando unha das especies, por exemplo, "Tops" lista desplegable cos elementos: chaquetas, parques, revestimentos, revestimentos e así por diante. n.

Listados as principais formas superficiais no que pode crear unha lista desplegable. Por suposto, hai moitos matices en HTML, no CSS e JavaScript, que permiten que modifique a funcionalidade ea aparencia de puntos de vista listas.